CSS學習筆記2 高階選擇器

2021-10-25 17:35:41 字數 570 閱讀 7725

後代選擇器

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...