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

5. X

a { color: red; }  
ul { margin-left: 0; }

標(biāo)簽選擇器。使用標(biāo)簽選擇器作用于作用域范圍內(nèi)的所有對(duì)應(yīng)標(biāo)簽。優(yōu)先級(jí)僅僅比*高。

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

6. X:visited和X:link

a:link { color: red; }  
a:visted { color: purple; }

使用:link偽類作用于未點(diǎn)擊過的鏈接標(biāo)簽。:hover偽類作用于點(diǎn)擊過的鏈接。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

7. X+Y

ul + p {
      color: red;
   }

相鄰選擇器，上述代碼中就會(huì)匹配在ul后面的第一個(gè)p，將段落內(nèi)的文字顏色設(shè)置為紅色。(只匹配第一個(gè)元素)

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

8. X>Y

div#container > ul {
     border: 1px solid black;
   }

<div id="container">
      <ul>
         <li> List Item
           <ul>
              <li> Child </li>
           </ul>
         </li>
         <li> List Item </li>
         <li> List Item </li>
         <li> List Item </li>
      </ul> 
  </div>

子選擇器。與后代選擇器X Y不同的是，子選擇器只對(duì)X下的直接子級(jí)Y起作用。在上面的css和html例子中，div#container>ul僅對(duì)container中最近一級(jí)的ul起作用。從理論上來講X > Y是值得提倡選擇器，可惜IE6不支持。
兼容瀏覽器：IE7+、Firefox、Chrome、Safari、Opera

9. X ~ Y

ul ~ p {
      color: red;
   }

相鄰選擇器，與前面提到的X+Y不同的是，X~Y匹配與X相同級(jí)別的所有Y元素，而X+Y只匹配第一個(gè)。

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

出處：css9.net
責(zé)任編輯：bluehearts

上一頁(yè) 30個(gè)最常用css選擇器解析 [1] 下一頁(yè) 30個(gè)最常用css選擇器解析 [3]

◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。