css中選擇器種類總結

2021-08-30 22:42:24 字數 1116 閱讀 5200

[b]1: 型別選擇器 :即html標籤選擇器 [/b]

選擇器名稱(){

屬性:屬性值

} 如

h2 {color:white;}

[color=red]關注點:不需要 「.」 號,不需要「#」號,就是 html標籤名稱{屬性:屬性值} [/color]

[b]2:屬性選擇器 : html標籤中的屬性選擇器,比如div 有align屬性 [/b]

選擇器名稱[屬性=屬性值]{

屬性:屬性值

} 如 :

p[align=center]

解釋:html中的標籤p中所有屬性align為中間的p標籤顏色預設為白色

[b]3:id選擇器 通過標籤的id屬性定義html標籤的css樣式,因為id要求是唯一的,所以該css樣式也會是唯一,相當於html標籤中style屬性。 [/b]

#id名稱{

屬性:屬性值;

} 比如html中有

定義css樣式 :#p1

[b]4,類選擇器:常用的 ".名稱{}",名稱可以自己定義,需要引用的地方加class="該型別名稱" [/b]

.名稱{

屬性:屬性名

} css :

.mycolor

html :

[b]5:通配選擇器 一般不經常用,一般用於頁面整體字型,顏色 [/b]

* {

color :white

} [b]6:後台選擇器 :子子孫孫 [/b]

父標籤 後台標籤 {

屬性 :屬性值

} 父標籤一般使用html標籤選擇符,

css:

li a

html 谷歌

[b]7:子選擇器 : [/b]

父標籤 > 子標籤{

屬性:屬性值

} css:

li >a

html: 谷歌

[b]8 :兄弟選擇器 :同一父標籤下,並列的子標籤 [/b]

兄弟標籤1+兄弟標籤2{

屬性:屬性名

} css:

li + li {

font-size:200%

} html: 谷歌

css 8中選擇器種類

1 型別選擇器 即html標籤選擇器 選擇器名稱 屬性 屬性值 如 h2 color white 關注點 不需要 號,不需要 號,就是 html標籤名稱 屬性 屬性值 2 屬性選擇器 html標籤中的屬性選擇器,比如div 有align屬性 選擇器名稱 屬性 屬性值 屬性 屬性值 如 p align...

css中選擇器

選擇器描述 attribute 用於選取帶有指定屬性的元素。attribute value 用於選取帶有指定屬性和值的元素。attribute value 用於選取屬性值中包含指定詞彙的元素。attribute value 用於選取帶有以指定值開頭的屬性值的元素,該值必須是整個單詞。attribut...

CSS中選擇器介紹

一 號 選擇器,作用於所有標籤,用的比較少 二 標籤選擇器,通過標籤名 進行區分,一般和層級選擇器聯合使用 三 id選擇器,不允許重複使用,原則上只允許用在乙個標籤,用的比較少 四 類選擇器,乙個類可用於多個元素,乙個元素上也可以用多個類,可復用,最常用 五 層級選擇器,主要應用在選擇父類下的子元素...