css各類選擇器

2021-08-04 05:43:35 字數 976 閱讀 9655

給某乙個標籤乙個 id,之後可以通過 id 來更改樣式。

"hello">hello css

#hello

那麼 hello css 的文字會是紅色的。

"hello">hello css"">開啟知乎

#hello a

發現只有 a 標籤變為紅色。

"pid">this is p標籤

.pid

p 標籤顏色變化。

"pid">this is p標籤

this is a標籤

.pid a

a 標籤被改變。

lang

="en"

>

>

charset

="utf-8"

>

>

titletitle

>

type

="text/css"

>

[title]

[title = te]

style

>

head

>

>

this is p標籤

>

>

this is a標籤a

>

p>

this is h1 標籤h1

>

body

>

html

>

選擇器如果不指定其值,那麼標籤中的值怎麼樣都可以,如果選了指定的值,那麼只能一樣才會有效果。

HTML各類選擇器

基本選擇器 1.通配選擇器 2.元素選擇器 eg p 3.類選擇器 class 4.id選擇器 高階選擇器 1.後代選擇器 e 空格 f 2.子代選擇器 e f 3.兄弟選擇器 e f 4.通用選擇器 e f 結構偽類選擇器 1.nth child和nth last child 2.nth of t...

css選擇器 CSS選擇器總結

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

CSS選擇器 復合選擇器

選擇器 名稱 說明 css 版本 通用選擇器 選擇所有元素 2元素選擇器 選擇指定型別的元素1 id 選擇器 選擇指定 id 屬性的元素1.class 選擇器 選擇指定 class 屬性的元素 1 attr 系列 屬性選擇器 選擇指定 attr 屬性的元素 2 3 s1,s2,s3 分組選擇器 選擇...