1、CSS選擇器常見的有幾種?
①#id,ID選擇器,在css樣式是#開頭的。
②.class,class選擇器,類選擇器,在css里面是.開頭的。
③屬性選擇器,普通的標簽選擇器,直接在css里面寫標簽的名字。
④分組選擇器,可以對選擇器進行分組,用逗號來將需要分組的選擇器分開。
⑤派生選擇器,選派某個元素下面的子元素,通常用于作用域隔離。
⑥*{},全局選擇器,可以直接定義全局的參數默認值,比如margin、padding、border。
2、選擇器的優先級是怎樣的?
①在屬性后面寫上!important是優先級最高的
②直接在標簽里寫上style的內嵌樣式
③id選擇器
④類選擇器class
⑤偽類選擇器,.content>h1:first-of-type{}
⑥屬性選擇器,a href{}
⑦標簽選擇器
⑧通配符選擇器
⑨默認的樣式
3、class 和 id 的使用場景?
class可以把樣式寫在一個class里面,然后可以被多次引用。
id是唯一的,只能使用一次。
4、使用CSS選擇器時為什么要劃定適當的命名空間?
可讀性和易于維護修改。
5、以下選擇器分別是什么意思?
①用id選擇器對header設置屬性
②用class選擇器對header設置屬性
③對類選擇器header下面的類選擇去logo設置屬性
④對同時包含header和mobile的元素設置屬性
⑤對類選擇去header下面的p標簽和h3標簽設置屬性
⑥對id選擇器header下面的類選擇器nav下面的li標簽設置屬性
⑦對id選擇器header下面的a標簽的鼠標經過設置屬性。
6、列出你知道的偽類選擇器
:hover ?:active ?:visited ?:link ?:focus ?:first-child ?:last-child ?:nth-child(n) ?:first-of -type ?:nth-of type(n) ?::selection ?:first-line ?:first-letter ?::before ?::after
7、:first-child和:first-of-type的作用和區別
比如 li:first-child 是說在這個li列表里面第一個li,不包括其他的li列表
li:first-of-type 是說所有li列表里面的第一個li
8、運行如下代碼,解析下輸出樣式的原因。
.item1:first-child限定了class="item1"的元素中的第一個元素,所有只有第一個p標簽符合要求,所以aa是紅色的。
.item1:first-of-type限定了某一類元素的第一個,DOM里面有兩個h3標簽,只選擇第一個,所以ccc的背景色沒有變成藍色。
9、text-align: center的作用是什么,作用在什么元素上?能讓什么元素水平居中
這是作用于塊級元素的,比如div啊p啊里面的文字或者圖片居中顯示。
10、如果遇到一個屬性想知道兼容性,在哪查看?
在www.caniuse.com網站上直接查詢兼容性。
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?