CSS 的 類class選擇器 的正確寫法

2021-08-11 14:39:59 字數 1327 閱讀 6486

正確寫法:

前面是標籤名的萬用字元,後面是 class的名稱。()

*.a_class

下面的簡寫,盡量少用

.a_class

舉例:

p.a_class {}
解釋為:「其 class 屬性值為 a_class 的所有段落」。

舉例2:

*.a_class {}
解釋為:「其 class 屬性值為 a_class 的所有任意標籤」。

同乙個標籤,同時擁有兩個 class屬性。

this paragraph

is a very important warning.

*.important

.warning

解釋為:「其 class 屬性值同時為 important 且為 warning 的所有任意標籤」。

id選擇器的正確寫法

*#intro

選擇器分組

h1, h2, h3, h4, h5, h6

如果希望選擇有某個屬性的元素,而不論屬性值是什麼,可以使用簡單屬性選擇器。

將同時有 href 和 title 屬性的 html 超連結的文字設定為紅色。

a[href][title]
假設我們為描述太陽系行星設計了乙個 xml 文件。如果我們想選擇有 moons 屬性的所有 planet 元素,使之顯示為紅色,以便能更關注有 moons 的行星,就可以這樣寫:

planet

[moons]

a

[href=""]

或者,與簡單屬性選擇器類似,可以把多個屬性-值選擇器鏈結在一起來選擇乙個文件。

a[href=""][title="w3school"]
h1

em

(注意和 選擇器分組 之間的區別,乙個沒逗號,乙個有逗號。)

主區的背景為白色,

主區的鏈結為藍色。

div

.maincontent

div.maincontent

a:link

子元素選擇器

相鄰兄弟選擇器

標籤選擇器,id選擇器,class類選擇器

1.標籤選擇器的格式 標籤 屬性 值 我是段落 2.id選擇器的格式 id名稱 屬性 值 我是段落 3.class類選擇器的格式 類名 屬性 值 我是段落 1 每乙個標籤都有id和class屬性 但是每乙個標籤只能有乙個id的屬性,但是可以有很多個class屬性。2 id相當於人的身份證,class...

CSS樣式,id選擇器和class選擇器

class和id的用法 上面的例子應用class和id實現了3種不同的標題1。下面我們就來講講class和id的具體應用規則。指定標籤的class和id 首先我們要在部分定義class 類 或id。class的定義方法 指定標籤.類名 id的定義方法 指定標籤 id名 然後我們在想要應用類的標籤上加...

css中id選擇器和class選擇器的區別?

id選擇器 id 選擇器可以為標有特定 id 的 html 元素指定特定的樣式。id 選擇器以 來定義。下面的兩個 id 選擇器,第乙個可以定義元素的顏色為紅色,第二個定義元素的顏色為綠色 red green 下面的 html 中,id 屬性為 red 的 p 元素顯示為紅色,而 id 屬性為 gr...