基本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 型別選擇符 語法 元素名稱 說明 型別選擇符就是以文件語言物件型別作為選擇符,即使用結構中元素名稱作為選...