根據類名定位元素
1 .box2
根據ID定位元素
2 #div1
定位所有元素
3 *
直接用标簽定位
4 p
代表 選擇div 和 p 裡面的 所有元素 是不分層級的
1 div,p
代表 選擇div 内部的所有P 包括子類的子類的p
2 div p
代表 選擇 父類div 元素内所有元素p
3div > p
div 一級裡面 定位到a 必須是緊接着的
4 div + a
代表從屬性上找 id class href 這些都是屬性
1 [class] [id] [href]
代表從屬性上找 值等于什麼的 來定位 屬性
2[id = div1]
~代表值裡面包含content單詞的 就可以找到 但是需要單詞是完成的
3[class~=content]
以什麼标簽開頭 [那個屬性^=值是開頭什麼元素都可以
1 div[class^="box1"]
這個同上 隻不過是從後面開始找
2div[class$="ent"]
這個原理同上隻要包含就可以
3 div[class*="ent"]
這個标簽 是父親唯一的兒子這個的話可以定位到
1 a:only-child
同一級下的所有p表現并且是在第二個出現的找出來,如果是後面還有分标簽那就在分标簽裡面同一級下在找
根據父一級标簽找自己是的第幾個子元素定位
2 p:nth-child(2)
這個原理同上隻不過是用後往前找
3 p:nth-last-child(1)
代表a标簽不可以有子類,也不可以有文本的情況下才可以定位到
1 a:empty
不包含p标簽的所有 元素
2 :not(p)