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

一、總結(jié)

一句話總結(jié)：可以的。

?

1、如何實(shí)現(xiàn)用屬性選擇器實(shí)現(xiàn)a標(biāo)簽根據(jù)href里面含有的字段選擇背景圖片？

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

?

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

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

?

3、我們?cè)赽ootstrap和amazeui調(diào)用js的時(shí)候的data-屬性是怎么來的？

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

?

?

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

1、相關(guān)知識(shí)

屬性選擇符 Attribute Selectors

選擇符版本描述

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

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

?

?

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。