屬性選擇器
[屬性名稱]
[屬性名稱=屬性值]
第n個子元素
元素:nth-child(1);
最後乙個子元素
元素:last-child;
全部子元素
.test .test2
直接子元素
.test -> .test2
選擇後面的乙個元素
.test+div
選擇後面的多個元素
.test~div
通過css建立假的元素
.test:before
在元素 內部建立乙個最前面的子元素
.test:after
在元素內部最後面建立乙個子元素
注意： 1.content一定要寫。
2.display預設為行內元素。
偽元素選擇器 屬性選擇器 兄弟元素選擇器
一 偽元素 使用偽元素來表示元素中的一些特殊位置 常用 1 first letter 為元素中的第乙個位置設定樣式 2 first line 為元素中的第一行位置設定樣式 3 before 為元素最前邊的部分設定樣式 一般before都需要結合屬性content樣式一起使用 通過content可以向...
屬性選擇器，偽類選擇器，偽元素選擇器
屬性選擇器 1doctype html 2 html lang en 3 head 4 meta charset utf 8 5 title 屬性選擇器 title 6 style 7 屬性匹配 8 label for 12 屬性名匹配 13 label for pwd 17 以什麼結尾匹配 18 ...
屬性選擇器 子元素的偽類 兄弟元素選擇器
charset utf 8 title 屬性選擇器 作用 可以根據元素中的屬性值來選取指定元素 語法 屬性名 選取含有指定屬性的元素 例 p title 語法 屬性名 屬性值 選取含有指定屬性的元素 p title hello 語法 屬性名 屬性值 選取以指定內容開頭的元素 p title a 語法...