子代選擇器
div>p 子代選擇器 選擇的是p標簽 而且父級是div的 p 標簽
兄弟選擇器
div + p 緊跟在div (同級)后面的p 中間不能有別的標簽 兄弟毗鄰選擇器
屬性選擇器
p[title] 帶有title屬性的p標簽
就是說只要標簽有title這個屬性就會被選中
p[title=1] title屬性為1的 p標簽
p標簽要有title屬性 而且屬性值應該是1,更加精確了
p[title*=1] title 屬性包含1的p標簽
p標簽有title屬性 并且屬性里面有1出現,不管在什么位置
p[title$=text] 屬性以text結尾的p標簽
p標簽有title屬性 并且title的內容應該是以text結尾的(圖片的選擇)
p[title^=text] 屬性以text開頭的p標
p標簽有title屬性 并且title的內容是以text開頭的
偽類選擇器
p:nth-child(1)
一個元素中有好多個p標簽,經常用偽類選擇器,可以方便我們快速的選擇到你想要找到的元素(這種樣式會受其他元素的影響即:其他元素也在排列當中)
p:first-child 許多p標簽中的第一個
p:last-child 許多p標簽中的最后一個
p:nth-last-child()在末尾向開頭開始計算
p:nth-of-type()
這個樣式可以忽略掉其他元素的影響 規定你要找的標簽的類型,(計數過程其他元素不算在內)
其他
input: checked
選擇出 被選中的單選框/復選框
::selection 選擇器
被可以改變被選中的文本的樣式 (顏色 /背景顏色)