css包含选择器的符号是哪个

2024-04-02 19:04:59 751人浏览泡泡鱼

摘要

这篇“CSS包含选择器的符号是哪个”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css包含

这篇“CSS包含选择器的符号是哪个”文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇“css包含选择器的符号是哪个”文章吧。

css包含选择器的符号是空格“ ”。包含选择器又称为“后代选择器”，可以选择作为某元素后代的所有元素；只需将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开即可，语法“父标签后代标签{样式声明}”。包含选择器是对“元素选择器”的扩展，对一个标签内部所有后代标签进行过滤。

本教程操作环境：windows7系统、css3&&HTML5版、Dell G3电脑。

css 包含选择器

后代选择器（descendant selector）又称为包含选择器，可以选择作为某元素后代的所有元素。

简单来说，就是将某个元素当做祖先元素，定位该元素的所有后代元素。

css包含选择器的符号是空格“ ”；只需将对父元素的选择放在前面，对子元素的选择放在后面，中间加一个空格分开。当标签发生嵌套时，内层标签就成为外层标签的后代。

元素1 元素2{ 样式声明 }

上述语法表示选择元素1里面的元素2 （后代元素）。

包含选择器，是对"元素选择器"的扩展，对一个标签内部所有后代标签进行过滤。

示例：

<head>
  <style>
    
    ol li {
      color: pink;
    }

    
    ol li a {
      color: red;
    }

    
    .nav li a {
      color: green;
    }
  </style>
</head>

<body>
  <ol>
    <li>我是ol 的孩子</li>
    <li>我是ol 的孩子</li>
    <li>我是ol 的孩子</li>
    <li><a href="#">我是孙子</a></li>
  </ol>
  <ul>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
  </ul>
  <ul class="nav">
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li>我是ul 的孩子</li>
    <li><a href="#">不会变化</a></li>
    <li><a href="#">不会变化</a></li>
    <li><a href="#">不会变化</a></li>
    <li><a href="#">不会变化</a></li>
  </ul>
</body>

css包含选择器的符号是哪个