元素選擇器
用標籤名作為選擇器,選中所有相應的元素
類選擇器
根據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...