css的擴充套件選擇器

css的擴充套件選擇器

（1）關聯選擇器

* <div><p>wwwwwwww</p></div>

* 設定div標籤裡面p標籤的樣式，巢狀標籤裡面的樣式

* div p{     ---div和p之間必須要有空格
            background-color: green;
          }

（2）組合選擇器

* <div>1111</div>
  <p>22222</p>

* 把div和p標籤設定成相同的樣式，把不同的標籤設定成相同的樣式

* div,p {
    background-color: orange;
}

（3）偽元素選擇器(瞭解，瀏覽器的相容性比較差)--實際開發中一般不用這個，而是用JQuery做一些效果

* css裡面提供了一些定義好的樣式，可以拿過來使用

* 比如超連結
    ** 超連結的狀態
     原始狀態   滑鼠放上去狀態    點選          點選之後

     :link      :hover            :active       :visited

     ** 記憶的方法
        l h a v