3

假设我有一个这样的 CSS：

p {
        color: #000000;
}

p.myclass {
        color: #ff0000;
}

所以所有段落文本都应该是黑色的，除了“myclass”段落是红色的。

我看到的是，如果我这样做：

<div class="myclass">
<p>Something something something</p>
</div>

我还是黑了。如果我这样做：

<p class="myclass">Something something something</p>

然后我就红了。

在实际页面上，我有多个部分要应用不同的类，因此我不能只在页面级别定义“p”。但是 class= 对于每个

标签似乎真的很低效。

有没有办法说“在这个块中，使用这个类，然后任何

该块中的标签与该类匹配吗？我认为这就是 div 所做的。

我确定有一些基本的我误解了......

4

1 回答 1

7

你需要.myclass p 在你的css中使用。拥有 DIV 的好处是您可以设置框的样式，然后再设置 p 样式。

HTML 示例

<p>This is a content in black</p>
<p>This is more content in black</p>
<div class="myclass">
    <p>This content is in red</p>
    <p>This more content in red</p>    
</div>    
<p>This is content again in black</p>

CSS 示例

.myclass p {color:red;}
p {color:black;}

在线示例

查看我为您制作的这个 JS Fiddle，它演示了 myclass 与 p 的使用。可以在此处查看更高级的演示，该演示演示了如何使用带有 in ap 标记的 span 样式并将 DIV 样式设置为容器内的框。

于 2013-03-17T19:11:05.040 回答