css中的選擇器

2022-09-02 02:21:11 字數 926 閱讀 8155

1.在html中引入css的方法:四種方式:

a.行內式(也稱內聯式) 如:

b.內嵌式

c.匯入式

d.鏈結式

2.css選擇器:包括基本選擇器和復合選擇器

基本的css選擇器: 如 h1這裡h1為選擇器名稱,color和font-size為屬性而red和25px為值。

基本的css選擇器包括標記選擇器,類選擇器和id選擇器。

標記選擇器:由html的標記構成css的選擇器名稱,如上例子說描述。

類選擇器:可以應用於不同的元素。 例如元素和元素可以共用類選擇器。

id選擇器:和類選擇器一樣,由開發者命名。id選擇器只能賦給乙個元素。

類別選擇器定義的時候以 .開始  在元素中通過class屬性來應用.

id選擇器定義的時候以 # 開始 在元素中通過id來應用。

注意:類選擇器和id選擇器的優先順序大於標記選擇器。

復合選擇器:

"交集"選擇器:

div.special

div#special

"交集"選擇器是指:以乙個標記選擇器開始 後面跟著乙個類選擇器或id選擇器, 它表示必須滿足標記選擇器的標記,同時必須宣告了後面的類別或id。

"並集"選擇器:

div,h1.first,p.specia 

多個選擇器通過逗號相連,只要滿足其中任乙個選擇器的元素都會被選中。

"後代選擇器":

div h1.first span.firstletter

多個選擇器通過空格相連,表示同時滿足所有的選擇器的元素會被選中。

css的繼承特性:當使用css對某乙個元素設定以後,這樣的乙個設定會對該元素產生作用,以及對該元素所有的子元素產生作用.(文件結構物件模型dom)

css的層疊特性:解決樣式的重疊現象。

規則:  行內樣式》id樣式》類別樣式》標記樣式

CSS中的選擇器

1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...

Css中的選擇器

常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器,此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,...

CSS中的選擇器

選擇器可以幫助我們在html中選中想要修飾的標籤 下面選擇器為自己梳理總結 a.標籤名選擇器 根據標籤的名稱選中標籤,格式 標籤名 b.類選擇器 在標籤上新增class屬性,可以根據class的值選中標籤,格式 類名 c.id選擇器 在標籤上新增id屬性,根據id的值選中標籤,id不能重複,格式 i...