当前位置:   article > 正文

CSS基础笔记三,关系选择器(后代选择器,子代选择器,相邻兄弟选择器,通用兄弟选择器)

通用兄弟选择器

关系选择器,分为四大类

1,后代选择器

2,子代选择器

3,相邻兄弟选择器

4,通用兄弟选择器

目录

一,基础选择器复习

二,关系选择器之后代选择器

三,关系选择器之子代选择器

四,关系选择器之相邻兄弟选择器

五,通用兄弟选择器

总结


一,基础选择器复习

基础选择器有那些?

        1,id选择器  #id名称{}

        2,类选择器 .类名{}

        3,元素选择器 元素{}

        4,合并选择器 选择器1,选择器2

二,关系选择器之后代选择器

后代选择器器,所有包含在父代里面的子代,中间用空格隔开。注意这个只会修改后代,不会修改父代

格式 父代 子代 {}

代码演示:

  1. <style>
  2. /*<!-- 后代选择器 ul里面包含的li 所以修改了ul以及包含的li里面的内容 只要是后代都生效 -->*/
  3. .list1 li{
  4. color: pink;
  5. }
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/煮酒与君饮/article/detail/796133
推荐阅读
相关标签
  

闽ICP备14008679号