Question

如何转换要在另一个标记上使用的样式标记需要一些要点。

如果我的CSS具有适用于<div>标记的特定样式，我该怎么做才能使用span标记？

如果CSS样式适用于任何段落标记<p>，如何使其在div标记上工作怎么办？

Answer 1

没有任何特别的经验法则。它取决于当前应用的样式元素以及需要应用的元素。除非您使用重置CSS，否则大多数元素都将具有默认样式，这些样式将与您应用的任何样式组合。例如，<div>的{{1}} display。 block <span> display。 inline设置了<p> display，block和margin-top。您可以在Firefox中使用Firebug来查看默认情况下应用于元素的样式。不同的浏览器有不同的默认CSS规则。

Answer 2

div, p {  /* adds styles for both the tags */
    color: red;
}

Answer 3

div, p, span{
color: blue;
}

这将应用于所有p，div和span标签

Answer 4

您是否可以提供有关您正在使用的样式的确切类型的更多详细信息？简单的答案是，您只需使用类将样式应用于两个标记：

<div class="someClass">contents of div here</div>
<span class="someClass">contents of span here</span>

或者只是在标签下声明样式：

div, span, p {
    font-weight: bold;
}

但是，有问题。要使用您的示例，div是一个块元素，span是一个内联元素，因此一些与定位相关的样式（如float）不能同时适用于这两个样式。如果您使用的是ID而不是类，则根本无法重用，因为ID只能附加到一个元素。

Answer 5

您可以将同一个类应用于每个标记，也可以在选择器中使用多个标记：

div,p,span {/*your styles*/将适用于div，p和spans

Answer 6

像这样创建CSS：

.mystyle
{
/* style info */
}

意味着它可以像这样使用：

<span class="mystyle">stuff styled using the CSS above</span>
<p class="mystyle">more stuff like my CSS</p>

帮助将CSS样式从标记转换为标记

6 个答案: