CSS只改为一个段落 - 没有额外的类

Question

我刚刚对一些我以前没见过或开发的代码进行了一些错误修复。

在页面上有四个段落（<p>），但我需要增加第一个而不是其他段落的字体大小。

不可能为需要更改的段落添加额外的类，但是有没有办法用css的另一种方式呢？

这里的css会改变所有这些：

.<company-name>-information-page .<company-name>-content p {
    font-size: 16px;
}

感谢。

Answer 1

如果您只想更改第一段，可以使用:first-child。

＆＃13;

＆＃13;

p:first-child {
  color: blue;
}

＆＃13;

<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>

＆＃13;

＆＃13;

＆＃13;

如果您想操纵第二段或任何奇数段落，可以使用nth-child。有很多可能性，使用一些检查器来开发正确的代码： http://css-tricks.com/examples/nth-child-tester/

＆＃13;

＆＃13;

p {
  color: red;  
}
p:nth-child(2) {
  color: blue;
}

＆＃13;

<p>Test</p>
<p>Test</p>
<p>Test</p>
<p>Test</p>

＆＃13;

＆＃13;

＆＃13;

Answer 2

您可以使用nth-child：

p:nth-child(2){ /*targets second p element*/
  color: red;
}

要将其用作第一段，您可以使用:first-child

p:first-child{
   color: red;
}

要将其用于最后一段，您可以使用:last-child

您可以了解更多内容here。