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元素,可以是子級,孫級等等 你好 你好...