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

Question

我刚刚获得了一些错误修复，可以修复一些我以前从未见过或开发过的代码。

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

无法为需要更改的段落添加额外的类，但是有没有办法使用 css 以其他方式进行更改？

这是将改变所有这些的 css:

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

谢谢。

Answer 1

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

p:first-child {
  color: blue;
}

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

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

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

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