我刚刚获得了一些错误修复,可以修复一些我以前从未见过或开发过的代码。
页面上有四个段落 ( <p>
),但我只需要增加第一个段落的字体大小,而不需要增加其他段落的字体大小。
无法为需要更改的段落添加额外的类,但是有没有办法使用 css 以其他方式进行更改?
这是将改变所有这些的 css:
.<company-name>-information-page .<company-name>-content p {
font-size: 16px;
}
谢谢。
最佳答案
如果你只想改变第一段,你可以使用: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>
关于html - CSS 更改为只有一个段落 - 没有额外的类,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27980884/