CSS屬性選擇器的4種應用樣式
2011/1/26 17:10:30
1、非凡屬性選擇器
有點怪,這個選擇器。它是這樣工作的,嗯,舉個例子比描述更輕易。*[lang|="en"] {color: white;},這條規則(rule)將會選擇屬性lang的值en或者en-打頭的元素。就是說,它可以匹配<h1 lang="en">Hello!</h1>、<p lang="en-us">Greetings!</p>和<div lang="en-au">G’day!</div>而不匹配<p lang="fr">Bonjour!</p>和<h3 lang="cy-en">Jrooana!</h3>。
2、精確屬性值選擇器
id和類本質上就是精確屬性值選擇器,沒錯,h1#logo等于h1[id="logo"]。如前所述,我們不要局限于id或者class,我們可以使用任何屬性!例如a[href=ww。mu。com][title="W3C Home"] {font-size: 200%;}將會作用于<a href="ww。mu。com/" title="mb5u Home"></a>。
3、簡易屬性選擇器
只顧其名不顧其值,這是簡易屬性選擇器的特點。h1[class] {color: silver;}將會作用于任何帶class的h1元素,不管class的值是什么。所以<h1 class="hoopla">Hello</h1>、<h1 class="severe">Serenity</h1>、<h1 class="fancy">Fooling</h1>的h1都會受到這條規則的影響。當然,這個“屬性”不僅僅是class或者id,可以是該元素所有合法屬性。
4、部分屬性值選擇器
如其名,只要屬性值部分匹配就會作用于該元素。該選擇器十分有用,比如你要樣式化插圖,其title中都含字符串”Figure”,如 title= "Figure 5:xxx說明",則你可以使用img[title~="Figure"] 。需要注重的是,如我第一句就強調的,你需要匹配的是整個單詞,img[title~="Figure"] 不會匹配title= "Figure5:xxx說明"。
返回列表
返回首頁
主站蜘蛛池模板:
欧美日韩国产综合视频一区二区三区
|
国产特级毛片aaaaaa毛片|
一本大道AV伊人久久综合|
调教她的尿孔h导尿|
国产精品视频全国免费观看|
一区二区三区视频|
日本国产在线视频|
亚洲AV综合色区无码一区|
欧美老人巨大xxxx做受视频|
免费在线观看你懂的|
肥臀熟女一区二区三区|
在线观看免费国产视频|
二女一男女3p完整版在线观看|
美女扒了内裤让男人桶爽视频|
国产女主播喷水视频在线观看|
久久久午夜精品福利内容|
99久久国产热无码精品免费|
日韩色视频在线观看|
亚洲日本一区二区一本一道|
狠狠色综合网站久久久久久久|
午夜福利视频合集1000|
91午夜精品亚洲一区二区三区|
日韩乱码在线观看|
人妻18毛片a级毛片免费看|
国产一区二区三区夜色|
好爽…又高潮了毛片免费看|
丰满多毛的陰户视频|
日本试看60秒做受小视频
|
亚洲国产美女精品久久久久|
潮喷大喷水系列无码久久精品|
免费污视频在线|
红楼遗梦成人h文完整版|
国产精品成人无码免费|
中文字幕99页|
欧美亚洲国产第一页草草|
亚洲欧美在线综合一区二区三区|
狠狠色噜噜狠狠狠狠97不卡|
免费看岛国视频在线观看|
精品无码综合一区二区三区|
国产福利第一页|
2018天天操夜夜操|