帮助将 CSS 样式从标签转换为标签答案

【问题标题】：Help with converting CSS styles from tag to tag帮助将 CSS 样式从标签转换为标签
【发布时间】：2011-03-21 01:15:37
【问题描述】：

需要一些关于如何转换样式标签以用于另一个标签的要点。

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

如果 CSS 样式适用于任何段落标签 <p>，我怎样才能让它适用于 div 标签？

【问题讨论】：

标签： html css

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

准确回答了问题。不是吗？ :>

【解决方案3】：

div, p, span{
color: blue;
}

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

【讨论】：

【解决方案4】：

您可以对每个标签应用相同的类，也可以在选择器中使用多个标签：

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

【讨论】：

【解决方案5】：

像这样创建 CSS：

.mystyle
{
/* style info */
}

表示可以这样使用：

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

【讨论】：

【解决方案6】：

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

<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 只能附加到一个元素。

【讨论】：