如何为嵌套在带有class的DIV中的UL中的LI设置CSS规则

Question

我在Joomla中使用组件Sp页面生成器。我需要为li设置padding。这个例子是我的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后代(' ')选择器的简单情况:

.upad li {
    padding: 3px;
}

Answer 3

你应该使用like -

ul.result li{
  padding: 3px;
}

或

.upad ul li{
   padding: 3px;
}

Answer 4

你好，现在你可以习惯了

.result > li{
    padding:3px;
}