任何方式来识别＆＃39; html中的<p>标签？</p>

Question

我正在一个网站上工作，出于好奇，我想知道是否有任何实用的方法来识别p标签。我给你举个例子

p {
    font-family: 'Amatic';
    font-size: 36px;

在css中，这意味着所有

标签都具有该字体颜色和该大小。但是，如果我想这样做，它只适用于那个

标签，而不是所有全球标签。例如

p 1 {
    font-family: 'Amatic';
    font-size: 36px;
p 2 {
    font-family: 'Comic sans';
    font-size: 36px;

会有什么办法吗？

（是的，我故意将漫画sans放在那里＆lt; 3）

谢谢！ CMNatic

Answer 1

使用id和类。
A CLASS EXAMPLE

<p class="one">This is a paragraph</p>
<p class="two">This is another paragrah</p>

然后在css中使用.class选择元素

p.one { font-family: 'Amatic'; font-size: 36px; }
p.two { font-family: 'Comic sans'; font-size: 36px; }

您必须看到this页。

Answer 2

将一个类应用于p标记

<p class="pclass">test</p>
<style>
p.pclass
{
    font-family: 'Amatic';
    font-size: 36px;
}
</style>

Answer 3

在HTML中，添加ID或类。即。

<p id="p1">First paragraph</p>

<p class="red">Second paragraph</p>

以下CSS规则将适用于ID为p1的任何p元素（请注意＃）

p#1{
    ...
}

这些CSS规则将适用于任何具有红色类的p元素（注意点）：

p.red {
    ...
}

ID应该是唯一的。类名可以重复。例如，在任何你想要红色背景的地方，你可以给它一类红色。然后做：

.red{
    background-color: red;
}

这适用于所有“红色”类的元素。前面的示例仅适用于具有“红色”类的p元素。