課時87 important(掌握)

2022-08-09 07:33:17 字數 1197 閱讀 5364

1.什麼是important

作用:用於提公升某個直接選中標籤的選擇器中的某個屬性的優先順序,可以將被指定的屬性的優先順序提公升為最高。

注意點:

1.important只能用於直接選中,不能用於間接選中

p{color:red  !important;  分號寫在最後

直接將p標籤選擇器提公升為最高

2.萬用字元選擇器選中的標籤也是直接選中的

分析:萬用字元選擇器會拿到介面上的所有標籤,它當然會拿到p標籤,它既然能拿到p標籤,它當然也算是直接選中的

我們來驗證一下將!important加在間接屬性身上有沒有效果

3.!important只能提公升被指定的屬性的優先順序,其它的屬性的優先順序不會被提公升

我們在id和class中同時設定了兩個字型大小的屬性,正常的優先順序是先執行id選擇器,結果我們使用了!important,提公升了class選擇器的優先順序,但是只能提公升class選擇器中被選中的屬性,而未被選中的不能提公升,還是執行以前的id字型大小的屬性。

4.important必須寫在分號的前面,如果這麼寫;!important分號以後是沒有任何效果的

5.還有important前面的感嘆號是不能省略的

課時107 內邊距屬性(掌握)

1.什麼是內邊距?邊框和內容之間的距離就是內邊距 2.格式 2.1非連寫 2.2連寫 padding 上 右 下 左 注意點1.這三個屬性的取值省略時的規律 上 右 下 左 上 右 下 左邊的取值和右邊的一樣 上 右 下 左 上 右 左邊的取值和右邊的一樣 下邊的取值和上邊的一樣 上 右 下 左 上...

課時97 背景定位上(掌握)

注意點 同乙個標籤可以同時設定背景顏色和背景,如果顏色和同時存在,那麼會覆蓋顏色,1.如何控制背景的位置?2.格式 background position 水平方向 垂直方向 3.取值 3.1 具體的方位名詞 水平方向 left center right 垂直方向 top center bottom...

課時86 優先順序(掌握)

我們發現後寫的內容並不一定會層疊掉先寫的內容,它是如何層疊的呢?我們需要來了解下這節課的內容。1.什麼是優先順序?作用 當多個選擇器選中同乙個標籤,並且給同乙個標籤設定相同的屬性時,如何層疊就由優先順序來確定。2.優先順序判斷的三種方式 2.1 是否是直接選中 間接選中就是指繼承 如果是間接選中,那...