-1

在这段代码中：

...
<div class="job-overview no-company-desc">
  <h2 class="job-overview-title">Overview</h2>
    <p>Jamit&#8217;s client is looking for a Senior Software Engineer constantly iterating and pushing releases into production.</p>
<p><strong>Qualifications:</strong></p>
<ul>
<li>Experience leading a team of developers by example – following excellent coding habits and best practices</li>
<li>Experience in an Agile software development environment in a web context</li>
<li>A thorough understanding of how business needs drive product features</li>
<li>Demonstrated expertise with the entire software development life cycle</li>
</ul>
            </div>

包括各种css样式表，我尝试通过将我的css代码放在标题中的最后来覆盖它们，即

<style type="text/css">
  p { color: blue; }
  li { color: blue; }
</style>

这使得LI项目列表是蓝色的，而不是P内容。关于使P内容也变成蓝色的任何建议？

4

1 回答 1

1

在当前上下文中，这很好 - 必须有更多具有更多特异性的 CSS。要么删除它，要么更具体。!imporant 会解决这个问题，但我不建议使用它。原因在这里。

如果您无法删除原始样式，请尝试覆盖它..

div.job-overview.no-company-desc p {
    color: blue;
}

或者，更具体地说，您可以使用：（假设p如下h2。）

div.job-overview.no-company-desc h2 + p {
    color: blue;
}

如果特异性不是答案，那么解决方案就是应用 CSS 的顺序。除此之外，如果你试图覆盖内联样式 - 你不能，除非你使用!important.

于 2013-10-10T01:41:29.340 回答