Css選擇器 層次選擇器(關係選擇器)

2021-10-07 13:59:40 字數 636 閱讀 9001

1. e  f 匹配 e 元素下所有的子元素 f(後代選擇器)

eg:

css

.box a
匹配 .box 下所有的子元素 a

2. e > f 匹配 e 元素下第一級子元素 f(子選擇器)

eg:

css

.box>a
匹配 .box 下第一級子元素 a

3. e + f 匹配 e 元素後面緊鄰的哪乙個 f 元素(有且僅有乙個)(相鄰兄弟選擇器)

eg:

css

.box+h1
匹配 .box 後面緊鄰的那乙個h1元素

4. e ~ f 匹配 e 元素後面所有的 f 元素(可以匹配到多個)(通用兄弟選擇器)

eg:

css

.box~h1
匹配 .box 後面所有的 h1 元素

前端共享部落格

**建設 http::

CSS選擇器之屬性選擇器 關係選擇器

e代表標籤名,如p,div等等 att表示該標籤定義了的乙個屬性名,如class id等,value為該屬性的屬性值,該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上,不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上,但value表...

css3選擇器 層次選擇器

層次選擇器 通過html的dom元素間的層次關係獲取元素,主要層次關係有 後代 父子 相鄰兄弟和通用兄弟。1.後代選擇器 e f,作用的是選擇元素的後代元素。包括子元素 孫輩元素等。常用 div div 2.子選擇器 e f,作用的是某元素的所有子元素,不能包括孫輩元素 常用 body div 3....

css關係選擇器

title date br description css關係選擇器和屬性選擇器 2019 10 11 13 28 34 0700 css關係選擇器 css css關係選擇器 element1 element2 選取所有包含於element1中的element2元素,可以是子級,孫級等等 你好 你好...