CSS学习笔记（三）

选择器（二）

1. 交集选择器

交集选择器是由标签选择器和类选择器组成的，使用的格式以“标签选择器.类选择器{}”形式。

        

        

    

    

    

熊大

    

熊二

    

熊熊

    

小明

    

小红

    

小强

 

    

2. 并集选择器

并集选择器是由各个选择器（包含类选择器、id选择器等）通过逗号连接而成，使用格式以“选择器，选择器，`````{}”形式。

        

        

    

    

    

刘德华

    

张学友

    郭富城

    

凤姐

    

风哥

    

凤大爷

    

3. 后代选择器

后代选择器又称为包含选择器，用来选择元素或元素组的后代，其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。使用格式以“选择器 选择器{}”形式。

        

        

    

    

     

百家姓

     

     

张三

     

     

     

李四

     

    

4. 子元素选择器

子元素选择器只能选择作为某元素子元素的元素。其写法就是把父级标签写在前面，子级标签写在后面，中间跟一个> 进行连接，注意，符号左右两侧各保留一个空格。

        

        

    

    

    

    

• 一级菜单

      

      

  • 二级菜单

      

  • 二级菜单

      

  • 二级菜单

      

      

    

• 一级菜单

      

      

  • 二级菜单

      

  • 二级菜单

      

  • 二级菜单

      

      

    

• 一级菜单

      

      

  • 二级菜单

      

  • 二级菜单

      

  • 二级菜单

      

      

    

    

5. 属性选择器

代码块1：

        

        

    

    

    百度

    新浪

    搜狐

    网易

    土豆

    ```

代码块2：

```html

        

        

    

    

    

属性选择器

    

属性选择器

    

属性选择器

    

属性选择器

    

属性选择器

    

属性选择器123

    

属性选择器footer

    

属性选择器footer

    

属性选择器

    

属性选择器

    

属性选择器