久久无码中文字幕_日韩精品无码一本二本三_久久精品呦女暗网_欧美一级夜夜爽_久久精品国产99久久99久久久

07
2018/02

新手如何學(xué)習(xí)css

發(fā)布時間:2018-02-07 17:02:21
發(fā)布者:565633147
瀏覽量:
0

寫頁面的時候常常會用到各種選擇器,(ps:除了那種每個元素上面都寫class的寫法)。

那就來說說怎么在一個類或者id里面選擇除了第一個元素以外的其他元素吧!

比如下面這種時候

QQ圖片20180207164015.png

在有序列表下面,分別給它們加上不同的背景顏色。


 
   

CSS里面可以這樣寫:
.icot ul li:nth-child(1){background-color:#ff3c41; }
.icot ul li:nth-child(2){background-color:#fe931d; }
.icot ul li:nth-child(3){background-color:#24bf34; }
.icot ul li:nth-child(4){background-color:#119aec; }

或者是nth-of-type也可以實(shí)現(xiàn)還可以這樣寫  用元素疊加的方法也是可以實(shí)現(xiàn)的
.icot ul li{background-color:#ff3c41;}
.icot ul li+li{background-color:#fe931d;}
.icot ul li+li+li{background-color:#24bf34;}
現(xiàn)在顏色已經(jīng)可以了,現(xiàn)在設(shè)置除了第一個元素以外的其他元素的邊距,應(yīng)該怎么寫呢?
可能你們也已經(jīng)想到啦  !可以這樣.icot ul>li:not(:first-child){ margin-left: 2.3%;}這樣,就可以達(dá)到我們想要的目的啦

QQ圖片20180207164015.png

關(guān)鍵詞:
返回列表