8 27筆記選擇器

2021-10-23 21:40:54 字數 1302 閱讀 6870

元素選擇器

用標籤名作為選擇器,選中所有相應的元素

類選擇器

根據class的屬性來選擇元素,樣式定義為:.classname

id選擇器

根據id名來選擇元素,樣式定義為:#idname

屬性選擇器

選擇器 描述

[attribute]選取帶有指定屬性的元素。12456

[attribute=value] 選取帶有指定屬性和值的元素。6

[attribute~=value] 選取屬性值中包含指定詞彙的元素。456

[attribute|=value] 選取帶有以指定值開頭的屬性值的元素,

該值必須是整個單詞。

[attribute^=value] 匹配屬性值以指定值開頭的每個元素。1256

[attribute$=value] 匹配屬性值以指定值結尾的每個元素。46

[attribute*=value] 匹配屬性值中包含指定值的每個元素。12456

關係選擇器

選擇器 描述

e f 選擇e元素的後代元素

f e > f 選擇e元素的直接後代元素

f e + f 選擇e元素的第乙個弟元素

f e ~f 選擇e元素的所有弟元素f

並選擇器

將相同的樣式放在一起,類名直接用英文逗號分隔。 寫法:e,f(中間用英文的逗號分隔)

案例:

>

>

charset

="utf-8"

/>

>

title

>

>

#div1,#div3

style

>

head

>

>

"div1"

>

我是div1div

>

"div2"

>

我是div2div

>

"div3"

>

我是div3div

>

body

>

html

>

萬用字元選擇器

萬用字元選擇器可以選中頁面所有的標籤 寫法:*{}

7 27筆記選擇器

樣式寫法 鍵 值 css的引入方式 1.行內樣式 內聯樣式 通過style樣式來引入,在標記內增加style屬性,在值中寫樣式。缺點 只能修改所在標記,不能批量修飾。2.頁內樣式 使用style標記一般寫在head裡,優點可以使用 批量選擇符 3.引入外部樣式表 使用link標記,引入外部樣式表檔案...

CSS的一點筆記 選擇器 基本概念

本文所有例子均摘自 www.w3school.org css是為了能夠防止對html元素進行重複定義。比如說,我們希望所有的標題都是黑色粗體,那麼只需要統一定義 黑色粗體 的型別叫做a,然後指定所有的標題的 型別 都是a,就達到了目的。這樣 量較小。同時也可以統一進行修改。有以下幾種情況可能會導致重...

屬性選擇器,子元素選擇器,偽元素選擇器筆記

屬性選擇器 屬性名稱 屬性名稱 屬性值 子元素選擇器 第n個子元素 元素 nth child 1 最後乙個子元素 元素 last child 全部子元素 test test2 直接子元素 test test2 選擇後面的乙個元素 test div 選擇後面的多個元素 test div偽元素 通過cs...