通用選擇器
ul~p{}??為ul之后的所有p標簽設置屬性?（ul和p為同級元素）
ul+p{}?僅為ul之后的p標簽設置屬性?（ul和p為相鄰元素）
div>p??為div之后的p標簽設置屬性{?div和p為父子關系}

屬性選擇器
E[att="val"]?為屬性att的值為“val”的元素設置屬性
E[att^="val"]?為屬性att的值以“val”開頭的元素設置屬性
E[att$="val"]?為屬性att的值以“val”結尾的元素設置屬性
E[att*="val"]?為屬性att的值包含“val”字符串的元素設置屬性

li[class="lyp"]{
}
??
偽類選擇器
與用戶操作相關：
?E:disabled?匹配表單中禁用的元素?disabled="disabled"?input[type="text"]?disabled?{}

::selection{background?color:red;color:red}?用戶選中字體后的背景顏色和字體顏色

結構性偽類
：root
E:nth-child(n)????ul+空格=li
E:nth-of-type(n)
E:first-child(n)
E:last-child(n)

轉載于:https://www.cnblogs.com/sussski/p/3543346.html

總結

以上是生活随笔為你收集整理的css3选择器笔记的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。