css選擇符種類和權重行

2022-08-22 04:09:15 字數 947 閱讀 8103

常用的css選擇符有:型別選擇符(標籤選擇符)、id選擇符、類選擇符(class選擇符)、群組選擇符、包含選擇符(子代選擇器/後代選擇器)、偽類選擇器以及萬用字元,共7種(括號裡是表示不同型別的叫法)。

1、萬用字元主要是用來清除整個頁面的內間距和外間距,具體用在margin:0;padding:0;

2、偽類選擇符主要有link、visitied、hover和active。常用到是hover,表示滑鼠滑過時鏈結顯示的狀態。當想要使用其他選擇符時按順序填寫。

3、包含選擇符主要是通過父元素找子元素。語法:父元素 子元素,eg: #banner .first。常用在尋找不同id下相同類名的元素。

4、群組選擇符:以逗號分隔形勢,把多個萱蕚器組成一組,給整組新增樣式。用來給不同類名下賦予相同的屬性值。節約**量

5、類選擇符(class選擇符):

《標籤 class="名稱">6、id選擇符:《標籤 id="名稱">7、型別選擇符(標籤選擇符):所有html標籤可以直接當做選擇符應用例如:div/p/em/i/b/strong....特點:能選中當前結構裡全部同名標籤應用:想統一某乙個標籤樣式的時候或者是清除某個標籤預設樣式的時候。

在這7種型別的選擇符中,他們的權重是不一樣的。

四個數字表示權重:

內聯樣式表   ——1000

id       —— 100

class       ——10

標籤        —— 1

偽類選擇符   —— 10

萬用字元     —— 0

包含選擇符的權重為權重之和!eg: #box div{} 100 + 1 = 101&&.wrap .con .p{} 10 + 10 + 1 = 21。

大致是:id > class/偽類 > 標籤。。若要使標籤選擇符大於clss選擇符或偽類選擇符時可以用!important進行宣告,!important 權重是最高的

CSS選擇符權重

css選擇符有個權重,我們習慣於這樣書寫進行判斷 比如a,b,c,d。style標籤的內聯樣式a 1,id選擇符b 1,class選擇符c 1,標籤 包括偽元素 選擇符d 1。舉個例子 body link 0,0,1,1 body content.link hover 0,0,2,2 body li...

CSS常用選擇符和權重

1.css語法 css語法由兩部分組成 選擇符 宣告 語法 選擇符 說明 1 每個css樣式由兩部分組成,即選擇符和宣告,宣告又分為屬性和屬性值 2 屬性必須放在花括號中,屬性與屬性值用冒號鏈結 3 每條宣告用分號結束 4 當乙個屬性有多個屬性值得時候,屬性值與屬性值不分先後順序 5 在書寫樣式過程...

CSS選擇符 屬性選擇符

使用屬性選擇器可以篩選出設定了特定屬性的標籤。例如選取所有設定了title屬性的 img title 這種選擇符的第一部分是標籤名 img 隨後是屬性名,放在方括號裡 title css不限制屬性選擇符只能使用標籤名,也可以使用類。例如 photo title 用於選取類為photo,而且設定了ti...