1、 真正理解css選擇器的優先級,css規則?
在CSS樣式規則
1.選擇器用于指定CSS樣式作用的HTML對象,花括號內是對該對象設置的具體樣式。
2.屬性和屬性值以“鍵值對”的形式出現。
3.屬性是對指定的對象設置的樣式屬性,例如字體大小、文本顏色等。
4.屬性和屬性值之間用英文“:”連接。
5.多個“鍵值對”之間用英文“;”進行區分。
2、 CSS規則的執行順序如何排列?
如下所示:1>外部樣式表 : 將樣式規則直接寫在*.CSS文件中,然后再*.html頁面中通過標簽引入的方式2>內部樣式表 :(位于
標簽內部)3>內聯樣式 :(在 HTML 元素內部)但是如果在css樣式之后加 !important 屬性,那么此屬性優先執行3、 CSS樣式的方式和特點是什么?
1.繼承性
作用:子元素可以繼承父元素的樣式text-,font-,line-這些元素開頭的都可以繼承,以及color屬性特殊性:
①. a標簽的顏色不能繼承,必須對a標簽本身進行設置
②. h標簽的字體大小不能修改,必須對h標簽本身進行修改
2.層疊性
是瀏覽器處理沖突的一個能力如果一個屬性通過兩個選擇器設置到同一個元素上,那么這個時候一個屬性就會將另一個屬性層疊掉
3.優先級
權重:!important>行內樣式>id選擇器>類選擇器>標簽選擇器>通配符>繼承
作用:多個選擇器組合以后的優先級
算法:(0,0,0,0)==》第一個0是important的個數,第二個0是id選擇器的個數,
第三個0對應的類選擇器的個數,第四個0對應的是標簽選擇器的個數,就是當前選擇器的權重。
4、 CSS的類選擇器和id選擇器各有什么優勢?
ID用于標識頁面上的特定元素(比如站點導航),而且必須是唯一的。 ID也可以用來標識持久的結構性元素,例如主導航或內容區域。ID還可以用來標識一次性元素,例如某個鏈接或表單元素。一個ID只能應用于頁面上的一個元素。
class同一個類名可以應用于頁面上任意多個元素,因此類的功能強大的多。類非常適合表示內容的類型或其他相似的條目。
在實際開發中,要根據實際使用情況來決定是使用哪種樣式。對于單一元素的在單一界面的展示樣式可以推薦是用id來定位。多余多個界面公用,或者同一界面多個元素風格一致,樣式統一使用class類要方便的多。
下面就是最簡單的一個小例子:
展示效果: