操作HTML資料,CSS選擇器

2021-07-14 14:41:43 字數 1021 閱讀 7092

在css 中,選擇器是一種模式,用於選擇需要新增樣式的元素。

"css" 列指示該屬性是在哪個 css 版本中定義的。(css1、css2 還是 css3。)

選擇器

例子

例子描述

css

.class

.intro

選擇 class="intro" 的所有元素。 1

#id#firstname

選擇 id="firstname" 的所有元素。 1

* *選擇所有元素。 2

elementp

選擇所有 元素。 1

element

,element

div,p

選擇所有 元素和所有 元素。 1

element

element

div p

選擇 元素內部的所有 元素。 1

element 選擇器" rel="noopener noreferrer">element

>element

div>p

選擇父元素為 元素的所有 元素。 2

element

+element

div+p

選擇緊接在 元素之後的所有 元素。 2

[attribute]

[target]

選擇帶有 target 屬性所有元素。 2

[attribute=value]

[target=_blank]

選擇 target="_blank" 的所有元素。 2

[attribute~=value]

[title~=flower]

選擇 title 屬性包含單詞 "flower" 的所有元素。 2

[attribute|=value]

[lang|=en]

選擇 lang 屬性值以 "en" 開頭的所有元素。 2

使用案例:

HTML之CSS選擇器

基礎選擇器 基礎選擇符就是id,標籤,類選擇符 復合選擇器 復合選擇器是由兩個或多個基礎選擇器,通過不同的方式組合而成的,目的是為了可以選擇更準確更精細的目標元素標籤。交集選擇器 交集選擇器由兩個選擇器構成,其中第乙個為標籤選擇器,第二個為class選擇器,兩個選擇器之間不能有空格,如h3.spec...

HTML與CSS的CSS選擇器

在 css 中,選擇器是一種模式,用於選擇需要新增樣式的元素。css選擇器有很多,掌握常用的即可 基本選擇器 通用選擇器 選擇所有 元素選擇器 選擇指定標籤 元素名稱 p id選擇器 選擇設定過指定id屬性值的元素 id屬性值 p1 類選擇器 選擇設定過指定class屬性值的元素 class屬性值 ...

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...