前端学习笔记四

1.CSS复合选择器

1.交集选择器（并--n）

        交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器或者id选择器，两个选择器之间不能有空格。通俗来解释就是两个选择器并起来，同时满足标签和class，同时满足两个选择器；

例：p.two{ }     p#one{ }   .two#noe{ }  #two.one{}

2.并集选择器（或--U）

        并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器，都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同。通俗来解释就是只要满足其中一个选择器就可以；

例：p,.one{ }          p,#two{ }          .one,#two{}

3.兄弟选择器
         选中贴着的一个兄弟，或者后面的所有兄弟器

        ‘+’表示相邻的兄弟

        ‘~’表示后面所有兄弟

        例：p+h1{ }   

              p~div{}  

4.后代和子元素选择器

        子代选择器--只能选中儿子那一代（用>来链接）

        后代选择器--所有后代都可以（用空格来连接）

        例：p>h1{}

                p div{}

5.属性选择器

使用的时候分为多种情况

    1.不给任意符号和标志时，代表只要有这个自定义或者全局属性