CSS基本選擇器

2022-09-02 04:06:06 字數 1173 閱讀 9010

一、css選擇符:

概念:選擇符表示要定義樣式的物件,可以是元素本身,也可以是一類元素或者是指定名稱的元素。

1.css選擇符包括四大類:型別選擇符、id選擇符、class型別選擇符、特殊選擇符

(1)型別選擇符:

語法:元素名稱

說明:型別選擇符就是以文件語言物件型別作為選擇符,即使用結構中元素名稱作為選擇符;

特點:能夠選中頁面中所有相同的標籤並新增樣式

應用:想統一某乙個標籤樣式的時候

(2)id選擇符

語法:#id名

說明:當我們使用id選擇符時,應先為每個元素定義乙個id屬性,如

特點:唯一性(在同一頁面中,id名只能出現一次)

應用:劃分網頁的外圍結構

(3)class選擇符

語法:.class名

說明:類選擇符的語法格式是:「.」加上定義的class名稱,也就是class類選擇符;

當我們使用類選擇符時,應先為每個元素定義乙個class屬性,如

特點:可以書寫一類樣式

(4)群組選擇符

語法:選擇符1,選擇符2,選擇符3

說明:當多個選擇符應用樣式相同時,可以將選擇符用英文逗號分隔的方式,合併為一組

(5)包含選擇符

語法:選擇符1 選擇符2

說明:選擇符1和選擇符2之間用空格隔開。含義就是所有選擇符1中包含選擇符2

(6)偽類選擇符

a:link未訪問狀態

a:visited已訪問狀態

a:hover滑鼠滑過狀態

a:active滑鼠按下狀態

(7)萬用字元

語法:* eg:*

說明:通配選擇符的寫法是「*」,其含義就是所有元素。

2.選擇符權重

(1)css中,用四位數表示權重,權重表達方式如:0,0,0,0

型別選擇符權重:0001;

類(class)選擇符權重為:0010;

id選擇符的權重為:0100;

偽類選擇符的權重為:0010;

包含選擇符的權重為:包含選擇符權重之和;

內聯樣式的權重為:1000;

『      萬用字元權重為:0000;

偽類選擇符的權重為:0001;

子選擇符的權重為:0000;

屬性選擇符的權重為:0010;

繼承的樣式權重為:0000;

CSS 基本選擇器

css的選擇器 告訴css的 作用在哪個標籤上。基本選擇器 標籤名選擇器 div span 類選擇器 在html的標籤上,提供了屬性 class,定位到div的標籤 美工經常使用的方式 寫法 class的名稱 hehe 設定不同的標籤,具有相同的樣式 id選擇器 在html的標籤上,提供的屬性 設定...

基本CSS選擇器

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器 類別選擇器 id選擇器3種 1。標記選擇器 每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等 2。類別選擇器 類別選擇器的名稱可以由使用者自定義 格式如下 class 3。id選擇器 與類別選擇器相試 ...

CSS基本選擇器

作用 選擇介面上的某乙個或者某一類元素 標籤選擇器會選擇到頁面上所有的這個標籤的元素 h1 h1為標籤 選擇所有class屬性一致的標籤,跨標籤 同乙個標籤,但是顏色不同,則不能用標籤選擇器。在標籤內定義class,並在style中分別用類選擇器定義顏色 好處 可以多個標籤歸類,是同乙個class,...