CSS 元素定位
- id属性定位:前边加#,表示id属性定位
#edui20_body - class属性定位:前边加,,表示class属性定位
.edui20_body
如果属性值中包含空格需用“.”代替 - 绝对路径定位:>或空格表示层级关系
html>body>div>div
html body div div
或者直接输入标签名,也是绝对径搜索 - 指定属性定位:
一个属性定位:input[type=‘text’]
多个属性定位:input[type=‘text’][name=‘wd’] - 属性值的一部分定位:
表示开头包含am-tn的class属性的button元素:button[class^=‘am-tn’]
表示结尾包含only的id属性的div元素:div[class$=‘only’]
表示id属性值包含search的div元素:div[class*=‘search’] - 定位同级兄弟元素:
表示与button同级在button后的div元素:button+div - 伪类定位元素:
表示所有同级button元素的第一个: button:first-child
表示所有同级button元素的第n个: button:nth-child(n)
表示所有同级button元素的最后一个: button:last-child
CSS 不可以使用索引方法