CSS 对所有 UL LI 的全局更改,特定 id 或类除外

标签 css

这是我第一次在这里发帖,所以请放轻松。

以下添加行高,删除默认元素符号点并在样式表正文中的所有列表项之前添加一个符号。

注意:我使用 wordpress 的 Beaver Builder 页面插件。 “fl-page-content”类不包括页眉和页脚,因为我不希望其中的菜单受到影响。

ul {
  list-style: none; 
} 

.fl-page-content ul li:before { 
  content: ">\00a0" ;
  line-height:2; 
} 

我发现 1 个列表中我不希望上述更改生效。我在这个列表中添加了一个“Missing”类,并试图使用“not”属性将其排除。

ul {
  list-style: none; 
} 

.fl-page-content:not(.
Missing) ul li:before{ 
  content: ">\00a0" ;
  line-height:2; 
} 

它接受语法,但有问题的列表仍在使用添加的符号和行高。

非常感谢对此的一些建议。 非常感谢

最佳答案

早上看到这个例子,希望对你有帮助

div:not(.missing) ul.group li {
border: 1px solid red;
}
<body class="page">

<div class="missing">
  <ul class="group">
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</div>

<div class="page-section">
  <ul class="group">
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
</div>

</body>

>here<是我制作的一个 JSFiddle,你可以试试看

关于CSS 对所有 UL LI 的全局更改,特定 id 或类除外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49995250/

相关文章:

javascript - 从javascript更改CSS

javascript - 如何在jquery中使用 `this`调用多个id

javascript - Fullpage.js 在横向模式下无法在 iOS 上正确缩放

JavaScript 幻灯片无法按预期工作

html - 如何在 IE7 中水平对齐按钮(不同形式)

javascript - 使用 jQuery addClass 更改背景图像

html - 透明 <div> 防止右键,另存为

jquery - CSS Transitions - 在线观看时帧率降低

html - Internet Explorer 8 忽略 'display: table-cell' 元素的宽度

html - HTML/CSS 中是否有任何方法可以将大写字母和小写字母都转换为 Capitalze?