选择器格式
名称{
声明:值;
声明:值;
...
}
1.基本选择器
- 标签选择器:标签名{ }
- class选择器:.class名称{ } (不同的标签可以归为同一个class,一个标签可以有归属多个class)
- id选择器:#id名称{ } (一个html中唯一确定)
!!优先级:id>class>标签
2.高级选择器
- 后代选择器:父元素 后代元素{ } (父元素结构内的所有后代元素)
- 子代选择器:父元素>子元素{ } (父元素结构内的直接后代的所有子元素)
- 相邻兄弟选择器:.class名称+元素1{ } (.class代表的元素相邻的下一个兄弟元素1)
- 通用选择器:.class名称~元素1{ } (.class代表的元素之后的所有兄弟元素1)
- 结构伪类选择器:元素:具体要求{ } (元素可以是复合型的)
ur li:first-child{}
ur li:last-child{}
p:nth-child(1){} p的父级下对all元素排序,如果1为p元素则对其生效否则不生效
p:nth-of-type(1){} p的父级下对all p元素排序
- 属性选择器:元素[属性的要求]{ }
a[id]{} 有id的a
a[id=he]{} id值为he的a
a[class*=de]{} 属于de类的
a[href^=http]{} 前缀为http
a[href$=jpg]{} 后缀为jpg