如何将一个类用于多个标签?

时间:2014-09-23 10:29:23

标签: html

我想将一个类用于两个不同的标签。我是否必须将其声明为<h1 class="line">然后<p class="line"&gt; ???在CSS中,它只是.line并且它会改变它们吗?请帮忙。感谢

2 个答案:

答案 0 :(得分:2)

您需要在CSS中声明该类:

.line {
    background-color: red;
}

然后您可以将该类应用于HTML元素:

<tag1 class="line" />
<tag2 class="line" />

答案 1 :(得分:1)

简单:只需对几个不同的元素使用相同的类。 E.g:

HTML:

<div class="line">
    Lorem ipsum...
</div>

<p class="line">
    Blah blah blah
</p>

CSS:例如,为每个元素添加.line类一个红色边框:

.line {
    border: 1px solid red;
}

请参阅jsfiddle