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說明"。
返回列表
返回首頁
主站蜘蛛池模板:
天天摸天天干天天操|
暴力调教一区二区三区|
可以看的毛片网站|
国产成人精品一区二区秒拍|
夜夜爽夜夜叫夜夜高潮漏水|
免费又黄又爽1000禁片|
风间由美一区二区播放合集|
孩交精品xxxx视频视频|
久久午夜无码鲁丝片|
欧美一级做一a做片性视频
|
啊灬啊灬啊灬快灬深高潮了|
黄色三级在线播放|
国产精品扒开腿做爽爽爽的视频|
swag在线播放|
成人h动漫精品一区二区无码|
久久亚洲国产成人精品性色|
最近中文字幕高清中文字幕无|
亚洲欧美丝袜综合精品第一页|
蜜桃成熟之蜜桃仙子|
国精产品一区一区三区有限公司
|
香蕉视频成人在线观看|
在线观看免费视频一区|
久久夜色精品国产噜噜亚洲a|
欧美亚洲国产片在线观看|
亚洲短视频在线观看|
田中瞳中文字幕久久精品|
午夜影视在线观看|
色综合综合在线|
国产剧情在线看|
黄网站在线观看|
国产校园另类小说区|
大战孕妇12p|
婷婷六月丁香午夜爱爱|
中文字幕日韩三级|
日本亚洲天堂网|
亚洲欧美日韩中文字幕一区二区三区|
福利视频你懂的|
动漫成人在线观看|
高辣h浪荡小说校花系花2|
国产激情在线视频|
h片在线免费观看|