中文字幕二区_国产精品免费在线观看_黄色网站观看_人人草人人澡_日本真实娇小xxxx

10. X[title]

a[title] {
      color: green;
   } 

屬性選擇器。比如上述代碼匹配的是帶有title屬性的鏈接元素。

兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

11. X[title="foo"]

a[href="     color: #1f6053; 
}

屬性選擇器。 上面的代碼匹配所有擁有href屬性，且href為http://css9.net的所有鏈接。

這個功能很好，但是多少又有些局限。如果我們希望匹配href包含css9.net的所有鏈接該怎么做呢？看下一個選擇器。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

12. X[title*="css9.net"]

a[href*="css9.net"] {
     color: #1f6053;
   }

屬性選擇器。正如我們想要的，上面代碼匹配的是href中包含"css9.net"的所有鏈接。

兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

13. X[href^="http"]

a[href^="http"] {
      background: url(path/to/external/icon.png) no-repeat;
      padding-left: 10px;
   }

屬性選擇器。上面代碼匹配的是href中所有以http開頭的鏈接。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

13. X[href$=".jpg"]

a[href^="http"] {
      background: url(path/to/external/icon.png) no-repeat;
      padding-left: 10px;
   }

屬性選擇器。在屬性選擇器中使用$，用于匹配結(jié)尾為特定字符串的元素。在上面代碼中匹配的是所有鏈接到擴展名為.jpg圖片的鏈接。（注意，這里僅僅是.jpg圖片，如果要作用于所有圖片鏈接該怎么做呢，看下一個選擇器。）

兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

出處：css9.net
責任編輯：bluehearts

上一頁 30個最常用css選擇器解析 [2] 下一頁 30個最常用css選擇器解析 [4]

◎進入論壇網(wǎng)頁制作、WEB標準化版塊參加討論，我還想發(fā)表評論。