没有第一个孩子的CSS选择标签

Question

使用CSS我想在没有描述的情况下选择 li ，而不使用 first-child = b ，在没有标题的情况下对li应用padding-letf HTML

<ul>
    <li><b>title</b>description</li>
    <li><b>title</b>description</li>
    <li>description without title</li>
    <li><b>title</b>description</li>
</ul>

类似

ul li:not[first-child=b]

PS：我不能将一个类添加到不同的li

谢谢

Answer 1

由于浏览器匹配选择器的方式，使用css是不可能的 - 你不能通过它内部的东西选择元素......但是，它可能在将来可用

Answer 2

到目前为止，您无法根据内容选择列表项。但是，如果目标只是在没有标题HTML的li上应用UI，则可以按以下方式执行：

padding-left

ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

li {
  padding-left: 20px;
}

li > b:first-child {
  margin-left: -15px;
}

Answer 3

一种解决方法，如果它仍有帮助：

ul{
    padding-left:5px;
}
li > b{
    margin-left:-5px;
}