基本CSS選擇器

2021-08-31 14:55:44 字數 826 閱讀 1044

基本css選擇器,復合選擇器,後代選擇器 基本css選擇器有標記選擇器、類別選擇器、id選擇器3種

1。標記選擇器

每一種html標記的名稱都可以作為相應的標記選擇器的名稱,如h1,p,等等

2。類別選擇器

類別選擇器的名稱可以由使用者自定義

格式如下:.class

3。id選擇器

與類別選擇器相試

格式如下:#id

復合選擇器:就是兩個或者多個基本選擇器,通過不同方式連線而成的選擇器

有兩種情況:」交集「選擇器、「並集」選擇器

1。「交集」選擇器:由兩個選擇器直接連線構成,其結果是選中二者各自元素範圍的交集,其中第一必須是標記選擇器,第二個必須是類別選擇器或者id選擇器,兩個選擇器之間不能有空格,必須連續書寫

如:h3.class

2。「並集」選擇器:同時選中各個基本選擇器所選擇的範圍,任何形式的選擇器都可以,並集選擇器是多個選擇器通過逗號連線而成的,

格式如:h1,h2,h3

後代選擇器:

後代選擇器書寫方法:把外層的標記寫在前面,內層的標記寫在後面,之間用空格分隔,當標記發生巢狀時,內層的標記就成為外層標記的後代了

舉個列子

巢狀用css標記的方法

巢狀之外的標記不生效

效果是:「用css」的顯示紅色,其他用包圍起來的是蘭色

後代選擇器產生的影響不僅限於元素的「直接後代」,而且會影響到它的「各級後代」

子選擇器:也就是只有對直接後代有影響的選擇器,而對「孫子」以及對個層的後代不產生作用。

格式如下:p>span

CSS 基本選擇器

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

CSS基本選擇器

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

CSS基本選擇器

一 css選擇符 概念 選擇符表示要定義樣式的物件,可以是元素本身,也可以是一類元素或者是指定名稱的元素。1.css選擇符包括四大類 型別選擇符 id選擇符 class型別選擇符 特殊選擇符 1 型別選擇符 語法 元素名稱 說明 型別選擇符就是以文件語言物件型別作為選擇符,即使用結構中元素名稱作為選...