如何在UL中嵌套在具有类的DIV中的LI的CSS规则？

Question

我在Joomla中使用组件Sp页面构建器。我需要为li设置填充。 这个例子我的css：

li.upad
{
  padding: 3px;
}

我只能为Div添加一条css规则（它绝对是一个组件细节）。

<div class="upad">
<ul >
  <li></li>
  <li></li>
  <li></li>
</ul>
</div>

如何编写正确的css规则？

Answer 1

div.upad > ul > li { padding: 3px; }

Answer 2

据我了解，您希望将填充规则添加到父div中的所有<li>。它是CSS后代（＆＃39;＆＃39;）选择器的简单案例：

.upad li {
    padding: 3px;
}

Answer 3

嗨，现在你已经习惯了这个

.result > li{
    padding:3px;
}

Answer 4

你应该使用喜欢 -

ul.result li{
  padding: 3px;
}

或

.upad ul li{
   padding: 3px;
}