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

标签 html css

我有一个带有默认 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都被消除了。有什么帮助吗?

最佳答案

给父 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 答案。

关于html - 仅排除一个元素的 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11879756/

相关文章:

html - <dl> 的呈现在嵌入 <ol> 时显示为列表

css - 覆盖 TD :first-child with TR:hover?

jquery - 自动调整圆 Angular 输入框的大小?

javascript - 如何找到最近的一组单选按钮并清除它们

html - 使用 Tab 键在复选框上导航并使用空格键选择它们

php - 您在子页面上的 sql 查询如何确定使用哪个菜单导航到该页面?

css - 在 ie9 中不遵守 img 元素比例中的 SVG

css - 设置静态主体宽度是个好主意吗?

javascript - 创建自身副本的按钮

android - 在 Android 中使用 HTML5 流式传输