後代選擇器
body p
body後的p標籤全部選中
子選擇器
body>p
body後一代的p全部選中
弟弟選擇器
.id + p
id為id的標籤的下面首個p標籤被選中
通用選擇器
.id ~ p
id為id的標籤的下面所有p標籤被選中
選擇存在某屬性的元素
a[id]
選擇某屬性為某值的元素a[id="id"]
選擇某屬性包含含某值的元素a[class*="class"]
選擇某屬性以某值開頭的元素a[href^="https"]
選擇某屬性以某值結尾的元素a[[href$="jpg"]
所以說這不就是正則嗎? CSS學習筆記2 CSS選擇器
一 css選擇器 1.什麼是css選擇器 2.css選擇器的作用 根據指定標籤,在當前頁面中,找到所有符合條件的標籤,設定樣式 3.選擇器需要的注意點 選擇器選中的是所有該型別的標籤,不是一部分,是所有。無論標籤藏得多深,選擇器都可以找到該標籤 二 常見的css選擇器 1.標籤選擇器 作用 在整個頁...
CSS高階選擇器
css高階選擇器 例子 並集選擇器 p,h1 p和h1 標籤文字變紅色 交集選擇器 標籤選擇器 id 選擇器或者標籤選擇器 類選擇器 p.class1 類名為 class1 的p 標籤樣式中文字為黃色,當不同標籤使用相同類名時 後代選擇器 巢狀標籤 p span 注意兩者標籤中有空格的 this i...
css高階選擇器
css3高階選擇器 偽類選擇器 p first of type 匹配同型別中的第乙個同級兄弟元素p p last of type 匹配同型別中的最後乙個同級兄弟元素p p first child 匹配父元素的第乙個子元素p。p last child 匹配父元素的第乙個子元素p。p nth child...