妙味css3課程---1-1、css中自定義屬性可以用屬性選擇器么

一、總結

一句話總結：可以的。

?

1、如何實現用屬性選擇器實現a標簽根據href里面含有的字段選擇背景圖片？

p a[href*=text]{background-image:url(img/text.gif);}

?

2、瀏覽器前綴在js中怎么寫？

比如老版火狐在css中的前綴是-moz-，例如-moz-tansition:1s;
js中不支持-（橫桿），然后小寫變大寫:MozTransition
就jquery多好，jquery就是解決了這些兼容性的問題

?

3、我們在bootstrap和amazeui調用js的時候的data-屬性是怎么來的？

這是css3里面新增的屬性，其實也就是自定義屬性

?

?

二、妙味css3課程 1-1 css中自定義屬性可以用屬性選擇器么

1、相關知識

屬性選擇符 Attribute Selectors

選擇符版本描述

E[att]	CSS2	選擇具有att屬性的E元素。
E[att="val"]	CSS2	選擇具有att屬性且屬性值等于val的E元素。
E[att~="val"]	CSS2	選擇具有att屬性且屬性值為一用空格分隔的字詞列表，其中一個等于val的E元素。
E[att^="val"]	CSS3	選擇具有att屬性且屬性值為以val開頭的字符串的E元素。
E[att$="val"]	CSS3	選擇具有att屬性且屬性值為以val結尾的字符串的E元素。
E[att*="val"]	CSS3	選擇具有att屬性且屬性值為包含val的字符串的E元素。
E[att|="val"]	CSS2	選擇具有att屬性且屬性值為以val開頭并用連接符"-"分隔的字符串的E元素，如果屬性值僅為val，也將被選擇。

紫色?鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色?鏈接表示該屬性是CSS3新增屬性

?

?

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的妙味css3课程---1-1、css中自定义属性可以用属性选择器么的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。