來中軟學習的第三天
阿新 • • 發佈:2018-12-26
今天是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;} 偽類選擇器