選擇器優先順序計算 IE兩種盒模型

2021-08-19 08:29:35 字數 447 閱讀 9005

遇到沒起作用的css是因為特殊性衝突,在選擇器前面新增父元素的id可以增加特殊性

計算特殊性的方法

a:行內樣式,優先順序最高,a=1    只有行內樣式1000

b:id選擇器總數

c:類、偽類、屬性選擇器數量

d:標籤選擇器和偽元素選擇器數量

十進位制下計算abcd值

ie6及以下在混雜模式下使用自己的非標準盒模型

width=content+2*border+2*padding

box-sizing屬性用於指定使用哪種盒模型,預設為content-box即width只代表content的寬

只有普通文件流中塊框的垂直外邊距才會發生外邊距疊加,行內框 浮動框 絕對定位框之間的外邊距不會疊加

選擇器優先順序 CSS選擇器優先順序總結

css選擇器優先順序這個問題,相信有點經驗前端都會認為非常簡單,但是我們今天還是來總結一下吧。相信大家應該很少直接在html頁面寫樣式吧,一般都是用link標籤匯入css樣式表。使用者自定義樣式表就是我們用link標籤引入的css樣式表,為了保持不同瀏覽器下樣式相同,所以我們的自定義樣式表一般都會覆...

選擇器 優先順序 計算規則

css選擇器分為簡單選擇器,偽元素選擇器和組合選擇器。簡單選擇器又分為標籤選擇器,類選擇器,id選擇器,萬用字元選擇器,屬性選擇器和偽類選擇器。css中權重最高的樣式為行內樣式,就是以style 方式直接加入到html標籤內的樣式,其在css優先順序中具有最高的權重。其次是id選擇器,id選擇器由於...

選擇器,優先順序

內聯式css樣式表就是把css 直接寫在現有的html標籤中,如下面 這裡文字是紅色。盡量不要把css 寫成內部樣式 縮排統一。2.嵌入式css樣式,就是可以把css樣式 寫在標籤之間。3.外部式css樣式 也可稱為外聯式 就是把css 寫乙個單獨的外部檔案中,這個css樣式檔案以 css 注意 1...