KHL 001 11-計算機-本職-前臺 CSS選擇器

本文轉載於:猿2048網站KHL 001 11-計算機-本職-前臺 CSS選擇器

 

 

CSS3 選擇器分類

 

動態僞類選擇器

 

錨點僞類的設置順序必須遵照一個」LoVe/HAte」原則，也就是說正確的設置順序爲： a:link、a:visited、a:hover、a:active

目標僞類選擇器

 

 

UI元素狀態選擇器

 

結構僞類選擇器

 

 

 

否認僞類選擇器

 

 

選擇器例子

選擇非第一個元素

 

1 #hot-body > div:not(:first-child){
2     margin-left: 15px;
3 }

 

 

1 <div id="hot-body">
2     <div class="hot-item"><img src="../assets/image/hot-1.jpg" alt="1"></div>
3     <div class="hot-item"><img src="../assets/image/hot-2.jpg" alt="1"></div>
4     <div class="hot-item"><img src="../assets/image/hot-3.jpg" alt="1"></div>
5 </div>