1. 程式人生 > >來中軟學習的第三天

來中軟學習的第三天

今天是1月14號,來中軟已經是第三天了,在這三天的日子裡,我複習了不少以前學過的知識,但同時也學會了些以前沒有接觸過得標籤和選擇器,尤其是選擇器,有些選擇器以前用過,但都只會使用卻不知道到它到底叫什麼,有什麼優先順序之類的認識。今天學的選擇器過於多,有class類選擇器如 .aa ,id選擇器如 #id ,內聯選擇器如 style=“” ,標籤選擇器如 p,a,u等等,並集選擇器 如 div.aa,子級選擇器div aa,:nth-child( )選擇器,裡面填數字,什麼數字就是選擇那個標籤的第幾個進行樣式修改。

ul li:nth-child(2n){color: green;} ul下li的屬於偶數的元素變成綠色
ul li:nth-child(2n-1){color: red;}  ul下li屬於奇數的元素變成紅色

first-child{ }        第一行選擇器
last-child{ }   最後一行選擇器

h2{font-size: 20px;color:red;}                                  標籤選擇器
.one{font-size: 25px;color: blue;}                            類選擇器
#two{font-size: 30px !important;color: yellow;}    id選擇器

.dad>p{color: green;}     子代選擇器

.box:before{content:"";display:block;width: 100px;height: 100px;background: blue;}  偽類選擇器