前端入门part08css

交集选择器（用的不多）

• 给所有选中的标签中，相交的那部分标签设置属性；
• 选择器1选择器2{} 两个选择器之间没有任何符号；
• 选择器可以使用标签名称、ID名称、class名称；
• 

并集选择器

• 给所有选中的设置属性；
• 选择器1，选择器2{}；
• 注意：使用的是逗号；

兄弟选择器

相邻的兄弟选择器

• 给指定选择器后面紧跟的那个选择器选中的标签设置属性；
• 选择器1+选择器2{}
• 

通用的兄弟选择器

• 给指定的选择器后面所有通用的选择器选中的标签设置属性；
• 选择器1~选择器2{}
• 

序选择器

同级别的第几个

• 不区分类型；first-child代表第一个，p代表给p设置属性；
• last-child表示选中同级别中最后一个；
• nth-child(n) 选中同级别中的第n个标签；

同类型的第几个

• 
• first-of-type 选中同级别中同类型的第一个标签；
• last-of-type选中同级别中同类型的最后一个标签；
• nth-of-type(n)选中同级别中同类型的第n个标签；

奇数选择器

• :nth-child(odd):选中同级别中所有奇数；even为选中所有偶数；
  这是选中同类型
  

这是选中所有不区分类型的

比如还有nth-of-type(xn+y) ,其中，n为从0开始的数，x,y自定义；
比如日历的实现

属性选择器

常用于input属性根据type、password、radio等不同属性的标签；

• 根据指定的属性名称找到对应的标签，然后设置属性；

• 选择p标签中有ID属性的标签；

• 

• 选中有指定属性标签且值和他一样的属性；

• 

• 

属性是以什么开头的

• [attribute^=value]

属性是以什么结尾的

• [attribute$=value]

属性是否包含特定值

• [attribute*=value]

通配符选择器

• *{} 即可选中所有标签； 遍历时间较长，一般不会使用；