1、 css選擇器的優(yōu)點(diǎn),css規(guī)則?
在CSS樣式規(guī)則
1.選擇器用于指定CSS樣式作用的HTML對(duì)象,花括號(hào)內(nèi)是對(duì)該對(duì)象設(shè)置的具體樣式。
2.屬性和屬性值以“鍵值對(duì)”的形式出現(xiàn)。
3.屬性是對(duì)指定的對(duì)象設(shè)置的樣式屬性,例如字體大小、文本顏色等。
4.屬性和屬性值之間用英文“:”連接。
5.多個(gè)“鍵值對(duì)”之間用英文“;”進(jìn)行區(qū)分。
2、 類選擇器語(yǔ)法?
1. 標(biāo)簽名選擇器 div { color:Red;} 即頁(yè)面中的各個(gè)標(biāo)簽名的css樣式 2.類選擇器 .divClass {color:Red;} 即定義的每個(gè)標(biāo)簽的class 中的css樣式 3.ID選擇器 #myDiv {color:Red;} 即頁(yè)面中的標(biāo)簽的id 4.后代選擇器(類選擇器的后代選擇器) .divClass span { color:Red;} 即多個(gè)選擇器以逗號(hào)的格式分隔 命名找到準(zhǔn)確的標(biāo)簽 5.群組選擇器 div,span,img {color:Red} 即具有相同樣式的標(biāo)簽分組顯示
3、 css的類選擇器用什么屬性引用?
用于來(lái)定義一類可以在同一個(gè)頁(yè)面內(nèi)重復(fù)利用的樣式。 如比較常用的.clearfix(一般是用于清除浮動(dòng)),或者自己定義的用于新聞列表的樣式,詳細(xì)的寫好鏈接、列表、邊框以及背景等屬性,有些人還會(huì)習(xí)慣把一些常用的屬性作為一個(gè)類。
4、 not選擇器不支持復(fù)雜選擇?
盡管css的選擇器很強(qiáng)大了,但是考慮其兼容性,盡可能的少用,比如我們?cè)谧鲆粋€(gè)前端頁(yè)面的切圖的時(shí)候,會(huì)看情況:
如果是h5手機(jī)網(wǎng)站,推薦用css選擇器
如果是pc網(wǎng)站,適當(dāng)用css選擇器
如果是pc網(wǎng)站,并且是政府、學(xué)校等機(jī)關(guān)單位,杜絕用css選擇器