CSS的幾種選擇器

2021-07-09 07:49:00 字數 1003 閱讀 6528

css指層疊樣式表,它用來定義如何顯示html元素。css是能夠真正做到網頁表現和內容分離的一種樣式設計語言。

css基礎語法:

css由兩部分構成:選擇器

選擇器通常為你要改變樣式的html元素

宣告有乙個屬性和乙個值組成

css的四種選擇器:

1、派生選擇器(上下文選擇器)

派生選擇的語法 : 上一級元素b     元素a; 只有元素a的上一級元素是b,選擇器才會起作用,負責不會起作用

例子:

2、id選擇器

(1)id選擇的語法: #id ;id就是html元素指定的id的名字,每個html文件中同乙個id屬性只能出現一次

(2)id選擇器常常用於建立派生選擇器:

#id  元素a;   

作用:這樣子同乙個id下的所有元素a都能應用該屬性

限制條件:id只能是或者或者其它塊級元素

3、類選擇器

(1)語法:.classname

(2)類選擇用作派生選擇器:

.classname 元素a

作用:這樣子應用這個類下的所有元素a都能應用該選擇器中的屬性

限制條件:class或者或者其它塊級元素

4、屬性選擇器

(1)所有有這個屬性的元素都有效

[title]

(2)屬性等於值選擇器

(3)屬性等於值--多個值(包含指定值)

[title~=hello]  適用於由空格分隔的

如:title=「hello world」

[lang|=en] 適用於由連字符合分隔的

如: lang=「en」 lang=「en-us」

(4)設定表單樣式

設定某種型別的表單的屬性

input[type="text"]

幾種css選擇器

css提供了許多選擇器來實現精確地定位標籤元素,主要有以下幾種 div p.box 可以看出,div標籤和p標籤的class名都為 box 因此他們都應用該樣式,因為多個標籤可以有相同的class名,所以class選擇器應用最為廣泛。box 需要注意的是,標籤的id具有唯一性,多個標籤的id不能相同...

CSS的幾種核心選擇器

標籤選擇器,選擇的是頁面上所有這種型別的標籤,優先順序較低 標籤選擇器呼叫測試 類選擇器,針對想要的所有標籤使用只需要定義class即可。類選擇器呼叫 針對特定的標籤來使用,只能對特定id使用 標籤id命名規範說明 id選擇器呼叫偽類選擇器,針對一些標籤具體的行為使用。其中對於標籤特有的狀態 而a ...

CSS中的幾種選擇器。

標籤選擇器的形式 標籤名 標籤選擇器會選中html中的所有同型別的標籤,對這些標籤進行修改。後代選擇器的形式 父標籤名 空格 子標籤名,空格代表的意思就是後代的意思,空格後的為後代,後代選擇器會選中父標籤的後代,這個後代不侷限於只能是標籤,也可以是類選擇器的名稱,例如class,div table ...