时间戳

首页 > 解决方案 > CSS元素>样式属性中的元素选择器

html - CSS元素>样式属性中的元素选择器

问题描述

可以使用样式属性复制此代码吗？

<style>
#red-paragraphs > p {
color:red;
}
</style>

<div id="red-paragraphs">
<p>red paragraph</p>
<p>another red paragraph</p>
</div>

<div>
<p>not red paragraph</p>
</div>

不知何故像这样：

<div style="????????">
<p>red paragraph</p>
<p>another red paragraph</p>
</div>

<div>
<p>not red paragraph</p>
</div>

我只会使用一次样式，并且我想更改正在进行更改的文件。

标签： htmlcss

解决方案

参考HTML 样式属性

<div style="color: red;opacity: 0.5;">
<p>red paragraph</p>
<p>another red paragraph</p>
</div>

<div>
<p>not red paragraph</p>
</div>

内联样式不支持子选择继承，因为这是 CSS 所做的。你只能这样做：

<div>
  <p style="color: red;opacity: 0.5;">red paragraph</p>
  <p style="color: red;opacity: 0.5;">another red paragraph</p>
</div>

<div>
  <p>not red paragraph</p>
</div>

推荐阅读