css選擇器使用

2021-08-09 02:56:32 字數 423 閱讀 6993

css中選擇器的組合用法,一下用「.ab」、「.cd」代表兩個類

1.祖先選擇使用

.ab .cd    //兩個類之間是空格,代表擁有樣式".ab"的元素,他的所有後代元素有「.cd」樣式的元素都將被選中

2.兒子選擇使用

.ab>.cd    //兩個類之間是大於號,代表擁有樣式「.ab」的元素,他的所有兒子元素有「.cd」的那些元素

3.兄弟選擇使用

.ab+.cd   //兩個類之間是加號,代表有「.ab」樣式的元素,他的直接後乙個兄弟元素且有樣式「.cd」的元素(該任然包含其的他樣式也無所謂)

4.同時擁有兩個類元素

.ab.cd     //兩個類之間什麼都沒有,緊挨著寫,代表同時擁有這兩個類的元素(就算該元素還有其他樣式也無所謂)

5.形如.ab,cd 表示並列,兩者之前並沒有關係

Css之選擇器使用

我們都知道,css 指層疊樣式表 cascading style sheets 主要用來為html 元素定義顯示樣式。本文主要來看一下css的選擇器,選擇器用來定義css的樣式,一般有以下幾種 使用css樣式有三種方式,分別為外鏈式 內嵌式和行內式,下面我們分別來看看具體如何引用。注意 當 impo...

css 選擇器使用詳解

上下文選擇器 偽類選擇器 ui選擇器 選擇所有元素 例子 用法 idid因為是唯一的所有直接用 號即可定位 例子 用法 xx用.來定位class選擇器 例子 用法 h1h1標籤都將使用此css 例子ul liul li ul li ul li firstchild 只選擇第乙個元素 ul li nt...

css3 偽類選擇器使用

web前端同學都需要清楚偽類選擇器的使用。像 link,visited,hover,active,focus,first child,lang大家已經很熟悉了,今天說說css3中新增的 nth child 和 nth of type nth child 用法 nth child n 選擇器匹配屬於其...