CSS中的“高级选择器”

css中的“高级选择器”

1.通配符选择器：

    语法：*{}

例子：

*{marign:0px;  //整个内容body外边距为0px
  padding:0px; //整个内容body内边距为0px
  }            ---///样式重置

注：此选择器在日常编程中用的最多

2.分组选择器：

    语法：选择器，选择器，选择器{}

例子：

.box,.box2.box3{width:100px;
                height:100px;
                }

3.后代选择器：

   语法 ：选择器+空格+元素标签

例子：

.box p{width:100px;
       height:100px;
      }

4.后代子选择器：

   语法：.box>p

注：（父级>子集）

例子：

.box>p{color:red;
       font-size:16px;
      }

5.相邻兄弟选择器：

语法：.box+p{};

注：（找下方第一个元素）

例子：

.box+p{width:100px;
       hiegth:100px;
       }

喜欢本人的博客笔记请点赞！！！！！下篇内容更丰富。