css樣式表權重關係及css選擇器的特點及應用

2021-10-04 03:41:00 字數 981 閱讀 6478

css樣式表的權重關係:

內聯樣式表的權重最大!

內部和外部樣式的權重,和書寫的前後順序有關。(放在後面的會把放在前面的樣式覆蓋掉,覆蓋的只是相同屬性的樣式,不同屬性的樣式會繼續執行。)

!important -> 當前宣告具有最高權重!

語法:background:red!important;

css語法:

選擇符

所有的html標籤可以直接當作選擇符進行應用。

div\p\em\i\b\strong.............

特點:能選中當前結構裡面全部同名標籤。

應用:想統一某乙個標籤樣式的時候或者是清除某個標籤預設樣式的時候。

語法:  起名字: 《標籤 id=「名稱」> 用類名寫樣式                 .名稱{屬性:屬性值;}

特點:a:乙個元素可以有多個類名,類名可以重複出現

b:可以制定一類樣式

語法:以逗號分隔的方式,把多個選擇器組成一組,給整組新增樣式.

選擇符1,選擇符2,選擇符3,選擇符4

eg : #box,.con,h3,#wrap

( 通過父元素找子元素 )

語法:父元素 子元素

a:link                     /* 未訪問的鏈結狀態 */

a:visited /* 已訪問的鏈結狀態 */

a:hover /* 滑鼠滑過鏈結狀態 */

a:active /* 滑鼠按下去時的狀態 */

語法:        *

* 選擇頁面中所有的元素!

* * *斜體樣式*

層疊樣式表的權重 css解決樣式衝突,css選擇器

層疊 宣告衝突 同乙個樣式多次用到同乙個元素上面 層疊 解決宣告衝突的過程,瀏覽器自動解決 權重比較 需了解原理,才能寫好樣式表 權重比較 比較重要性 由高到低 1 作者樣式表 你自己寫的css 中的 important 樣式 慎用,實際幾乎不會使用,層級太高,會影響後期維護修改 div 2 作者樣...

CSS選擇器及CSS樣式表

牛腩新聞發布系統中記憶最深的就是各種 css選擇器各種 css樣式,這些選擇器之間肯定有它的優先順序,包括 css樣式也一樣,也是有它的優先順序,本文介紹一些各種 css選擇器各種 css樣式以及它們的優先順序。由兩個主要的部分構成 選擇器,以及一條或者多條宣告。部分css部分 h1html 部分z...

CSS層疊樣式表 定義樣式表

定義樣式表 1 html標記定義 p p可以叫做選擇器,定義那個標記中的內容執行其中的樣式 乙個選擇器可以控制若干個樣式屬性,他們之間需要用英語 隔開,最後乙個可以不應加 2 class定義 class定義是以 開始 p3 id 定義 id定義是 開始的 p4 優先順序問題 id class htm...