1、 css有偽類選擇器嗎,css層次選擇器有哪些?
選擇器body > div 只操作body下級的div。div1 + div2 只選擇div1 同級 隨后 相鄰最近 的div2div1 ~ p 選擇div1下所有的p屬性選擇器
2、 為什么html文字改不了?
html文字效果由css樣式屬性控制,css層疊樣式表不是唯一但有優(yōu)先順序的。
第一優(yōu)先級:無條件優(yōu)先的屬性只需要在屬性后面使用!important。它會覆蓋頁面內(nèi)任何位置定義的元素樣式。
第二優(yōu)先級:在html中給元素標(biāo)簽加style,即內(nèi)聯(lián)樣式。
第三優(yōu)先級:由一個(gè)或多個(gè)id選擇器來定義。例如,#id{margin:0;}會覆蓋.classname{margin:3pxl}
第四優(yōu)先級:由一個(gè)或多個(gè)類選擇器、屬性選擇器、偽類選擇器定義。如.classname{margin:3px}會覆蓋div{margin:6px;}
第五優(yōu)先級:由一個(gè)或多個(gè)類型選擇器定義。如div{marigin:6px;}覆蓋*{margin:10px;}
第六優(yōu)先級:通配選擇器,如*{marigin:6px;}
還有一種是js腳本監(jiān)聽強(qiáng)制控制,這里修改需要找到監(jiān)聽事件進(jìn)行修改。
3、 css設(shè)置backgroundcolor無法覆蓋父類?
可以在樣式后面加上!important,如:
backgroundcolor:red!important;
!important 將覆蓋行內(nèi)csscss優(yōu)先級:行內(nèi)css>id選擇器(#)>偽類
4、 CSS的類選擇器和id選擇器各有什么優(yōu)勢?
ID用于標(biāo)識頁面上的特定元素(比如站點(diǎn)導(dǎo)航),而且必須是唯一的。 ID也可以用來標(biāo)識持久的結(jié)構(gòu)性元素,例如主導(dǎo)航或內(nèi)容區(qū)域。ID還可以用來標(biāo)識一次性元素,例如某個(gè)鏈接或表單元素。一個(gè)ID只能應(yīng)用于頁面上的一個(gè)元素。
class同一個(gè)類名可以應(yīng)用于頁面上任意多個(gè)元素,因此類的功能強(qiáng)大的多。類非常適合表示內(nèi)容的類型或其他相似的條目。
在實(shí)際開發(fā)中,要根據(jù)實(shí)際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個(gè)界面公用,或者同一界面多個(gè)元素風(fēng)格一致,樣式統(tǒng)一使用class類要方便的多。
下面就是最簡單的一個(gè)小例子:
展示效果: