html - 将更改的属性设置为 span

Question

我的页面上有 20 个 span，我更改了这个 span 的样式，但我不想在 div 中应用到其中一个。我想将此跨度属性设置为所有跨度，但 div 中的跨度为 id="no"而这个跨度保留默认的 css。我该怎么做？

这是我的 html:

<span>Hi ...</span>
<span>Hi ...</span>
<span>Hi ...</span>
<span>Hi ...</span>
<span>Hi ...</span>

<div id="k">
   <span>Hi ...</span>
</div>

<div id="no">
     <span>Hi ...</span>
</div>

这是我的风格:

span{
     display:block;
     font-size:20px;
}

编辑:我也想要id="k" div 的跨度与 id="no" 相同div 的跨度。

Answer 1

父级是什么？如果它是一个具有特定类的 div，你可以这样做

.parent-class > span {
     display:block;
     font-size:20px;
}

如果它是正文、元素或带有 id 的东西，也是如此。

在css中>是直接子选择器。具有 x > y 的规则将只选择与 y 匹配的元素，这些元素是 x 的直接子元素。所以你可以有 #id-parent > p ，它只会选择 p 个元素，这些元素是 id="id-parent"元素的直接子元素，或者你可以有 p > .class-child ，它只会选择 class= 的元素'child-class' 是 p 元素的直接子级。

其中的一个例子:

<div id="id-parent">
  <p> <!-- This will be matched by #id-parent > p -->
    Some text
    <div>
      <span class="class-child"> <!-- This won't be matched by p > .class-child -->
          A span
       </span>
    </div>
  </p>
  <div id="id-child">
    <p> <!-- This will be won't be matched by #id-parent > p -->
       Some more text
       <span class="class-child"> <!-- This will be matched by p > .class-child -->
          A span
       </span>
    </p>
  </div>
</div>