妙味css3课程---1-1、css中自定义属性可以用属性选择器么
生活随笔
收集整理的這篇文章主要介紹了
妙味css3课程---1-1、css中自定义属性可以用属性选择器么
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
妙味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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: CentOS7启用SELinux和Fir
- 下一篇: Node.js 根本没有这样搞性能优化的