- 元素選擇器
作用:根據標籤的來選中指定的元素;
語法:標籤名{}
例如:p{} div{}
- id選擇器
作用:根據元素的id屬性來選中指定的元素
語法:#id{}
例子:#box1{} #red{}
- 類選擇器
作用:根據元素的class值來選中指定的元素
語法:.class的屬性值{}
class是乙個標籤的屬性,他和id類似,不同的時class可以重複使用
可以通過class屬性來為元素分組
可以同時為同乙個元素指定多個class,用空格隔開
- 通用選擇器
作用:選中頁面中的所有元素
語法:*
1.交集選擇器
作用:選中符合多個條件的元素
語法:選擇器一.選擇器二.選擇器三.選擇器四
注意點:如果選擇器中含有元素選擇器,則一定要以元素選擇器開頭。
>
div.red
style
>
class
=red
>
今天天氣不錯div
>
2.交集選擇器
作用:同時選擇多個選擇器對應的元素
語法:選擇器一,選擇器二,選擇器三,
>
h1,span
style
>
>
標題>
>
哈哈span
>
一、元素之間的關係
父元素:直接包含了子元素的元素;
子元素:直接被父元素包含的元素;
祖先元素:直接或者間接包含後代元素的元素;乙個元素的 父元素也是其祖先元素;
後代元素:直接或者間接被祖先元素包含的元素;子元素也是後代元素;
兄弟元素:擁有相同父元素的元素;
>
我是div
>
我是div中的p元素>
我是p元素中的spanspan
>
p>
>
我是div中的spanspan
>
div>
二、元素選擇器
1.子元素選擇器
作用:選中指定父元素的指定子元素
語法:父元素》子元素
div>span
2.後代元素選擇器
作用:選中指定元素內的後代
語法:祖先 後代
div span
3.兄弟選擇器
選擇下乙個兄弟(緊挨著的下乙個)
語法:前乙個+下乙個
p+span
[屬性名]選擇含有指定屬性的元素
[屬性名=屬性值]選擇含有指定屬性和屬性值的元素
[屬性名^=屬性值]選擇屬性值以屬性值開頭的元素
[屬性名$=屬性值]選擇屬性值以屬性值結尾的元素
[屬性值*=屬性值]選擇屬性值中含有某值的元素
title
="abc"
>
1p>
title
="abcde"
>
2p>
title
="differ"
>
3p>
CSS中的選擇器
1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...
Css中的選擇器
常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器,此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素,元素的id名稱不能重複,所以乙個樣式設定項只能對應於頁面上乙個元素,不能復用,id名一般給程式使用,...
CSS中的選擇器
選擇器可以幫助我們在html中選中想要修飾的標籤 下面選擇器為自己梳理總結 a.標籤名選擇器 根據標籤的名稱選中標籤,格式 標籤名 b.類選擇器 在標籤上新增class屬性,可以根據class的值選中標籤,格式 類名 c.id選擇器 在標籤上新增id屬性,根據id的值選中標籤,id不能重複,格式 i...