Question

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

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

注意：我使用Beaver Builder页面插件进行wordpress。 “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; 
}

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

非常感谢对此提出一些建议。非常感谢

Answer 1

我在早上看到这个例子，希望这可以帮到你

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全局更改为除特定ID或类

1 个答案: