根据类名定位元素
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)