常用的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...