如何为嵌套在 DIV 和 class 中的 UL 中的 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 中的所有 <li>。这是 CSS 后代 (' ') 选择器的一个简单例子：

.upad li {
    padding: 3px;
}

Answer 2

嗨，现在你可以习惯这个了

.result > li{
    padding:3px;
}

Answer 3

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

Answer 4

你应该使用 like -

ul.result li{
  padding: 3px;
}

或

.upad ul li{
   padding: 3px;
}