html - 仅排除一个元素的 CSS 属性

Question

我有一个带有默认 CSS 文件的页面。在这个页面我有:

<ul>
  <li>A1</li>
  <li>A2</li>
</ul>
<br> 

<ul>
  <li>B1</li>
  <li>B2</li>
</ul>
<br> 

<ul>
  <li>C1</li>
  <li>C2</li>
</ul>  
<br> 

我可以查看默认的CSS但我不能修改

ul {
  paddind-left:15px;
} 

我想做的是从默认 css 中仅排除 B1 和 B2。 A 和 C 仍应具有默认属性，但 B1 和 B2 应具有 PADDING-LEFT:0PX;。

我使用了 (cssreset-min.css) 但所有的 css 都被删除了。有帮助吗？

Answer 1

给父类 ul 一个新类:

<ul>
  <li>A1</li>
  <li>A2</li>
</ul>
<ul class="newClass">
  <li>B1</li>
  <li>B2</li>
</ul>
<ul>
  <li>C1</li>
  <li>C2</li>
</ul>

然后做:

ul.newClass {
  paddind-left:0px;
}

这适用于所有浏览器。如果您不关心这一点，请使用@Andy 回答。