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

2021-10-03 14:59:07 字數 603 閱讀 4175

e代表標籤名,如p,div等等;att表示該標籤定義了的乙個屬性名,如class、id等,value為該屬性的屬性值,該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素

基本原理同上,不過value表示該屬性值應包含以value為字尾的子字串

基本原理同上,但value表示的是屬性值字串中任意位置出現value子字串。

選擇某元素的第一級子元素,如若strong 為p的第一級子元素 則有 p>strong ,並且可以連續使用,strong 有第一級子元素em,則可以p>strong>em.

1.臨近兄弟選擇器:同一父元素,且第二個元素緊跟第乙個元素

2.普通兄弟選擇器:同一父元素,且第二個元素不必緊跟第乙個子元素

CSS選擇器 屬性選擇器

最近重新學習了css3,發現選擇器還能這麼玩。介紹一下屬性選擇器 我給咱們順著往下縷一縷 資訊量挺大 剛開始是這樣子 如下 doctype html head meta charset utf 8 title 測試網頁 title style h1 m1 style head body div h1...

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

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 元素 有且僅有乙個 相...

css選擇器 偽類選擇器 屬性選擇器

偽類選擇器 nth of type index index 同型別兄弟元素中的排名 屬性選擇器 attr val attr 屬件名稱 val 屬性值 屬性選擇器 href val 表標屬性的結尾 屬性選擇器 class tap 表示屬的開頭 first child選擇第乙個 元素 nth of ty...