CSS 简单的元素定位

CSS 元素定位

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

CSS 不可以使用索引方法