關於css權值的問題

2022-08-29 00:21:19 字數 906 閱讀 3471

最近迷上html5,看了一些相關學習資料,現在把css中常見易出錯易混淆的知識總結一下:

首先說一下關於css樣式繼承,重疊和特殊性:

有的時候我們會為同乙個元素設定不同的css樣式**,那麼元素會啟用哪乙個css樣式呢?

瀏覽器是根據權值來判斷使用哪種樣式的,權值越高,就使用哪種樣式。

下面是權值的規則:

標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100

1.特殊性

還有乙個權值比較特殊----繼承也有權值但是很低,有的文獻提出它只有0.1,所以可以理解繼承的許可權最低。

2.層疊

但是如果html引用的多個css樣式具有相同的權值該會用哪乙個樣式呢?下面就來說說層疊這個問題。

當有相同權重的樣式存在時,瀏覽器會根據這些css樣式的前後順序來決定,處於最後面的css樣式將會被應用,這就不難理解了:

內聯樣式表(標籤內部)>嵌入樣式表(當前檔案中)>外部樣式表(外部檔案中)

3.重要性

我們在做網頁**時,有些特殊的情況需要為某些樣式設定最高權值怎麼辦?這時我們可以使用!important來解決!

這裡需要注意的是當網頁製作著不設定css樣式時,瀏覽器會按照自己的一套樣式來顯示網頁,並且使用者可以在瀏覽器中設定自己習慣的樣式,比如有的使用者習慣把字型大小設定的大一些,使其檢視網頁的文字更加清楚,這時注意樣式的優先順序為:瀏覽器預設的樣式《網頁製作者的樣式《使用者自己設定的樣式,但記住!important優先順序是個例外,權值高於使用者自己設定的樣式。

待續...

dijkstra演算法關於負權值的問題

dijkstra由於是貪心的,每次都找乙個距源點最近的點 dmin 然後將該距離定為這個點到源點的最短路徑 d i 1.從a點出發 2.首先找到距a最近的且直接相連的點,有b跟c,a到c更短,所以先把c標記 3.再尋找c點的下乙個鄰居,沒有鄰居 4.找到距a次近的且未被標記的點b,標記b 5.找出b...

CSS標籤權值的計算

by 司徒正美 all rights reserve a 0 b 0 c 0 d 0 specificity 0,0,0,0 萬用字元選擇器權重為0,在ie中,它無法區分元素節點與注釋節點 li a 0 b 0 c 0 d 1 specificity 0,0,0,1 標籤選擇器為1 li first...

不同權值的bfs問題

題目鏈結 解題思路 多權bfs可以用優先佇列優化以保證每一步都佇列中取出的每一步都是最優解,但本題飛機和步行兩種方式,先選飛行再選步行可以保證每步採取最優情況。首先分析狀態,可開三維vis陣列,vis x y kepp 表示走到 x,y 座標可以繼續續航keep時間所走的步數,由於降落後便可以是空地...