Html 如何使用类为嵌套在DIV中的UL中的LI设置CSS规则?

Html 如何使用类为嵌套在DIV中的UL中的LI设置CSS规则?,html,css,joomla,css-selectors,Html,Css,Joomla,Css Selectors,我在Joomla中使用组件Sp页面生成器。我需要为李设置填充。 此示例显示了我的css: li.upad { padding: 3px; } 我只能为Div添加css规则(这绝对是一个组件细节) 如何编写正确的css规则?据我所知,您希望将填充规则添加到父div中的所有中。这是css子代(“”)选择器的简单示例: .upad li { padding: 3px; } 嗨,现在你可以习惯了 .result > li{ padding:3px; } 你应

我在Joomla中使用组件Sp页面生成器。我需要为李设置填充。 此示例显示了我的css:

li.upad
{
  padding: 3px;
}
我只能为Div添加css规则(这绝对是一个组件细节)



如何编写正确的css规则?

据我所知,您希望将填充规则添加到父div中的所有
  • 中。这是css子代(“”)选择器的简单示例:

    .upad li {
        padding: 3px;
    }
    

    嗨,现在你可以习惯了

    .result > li{
        padding:3px;
    }
    
    你应该用like-

    ul.result li{
      padding: 3px;
    }
    


    旁注:在CSS中,通常认为最好的做法是将左括号{与选择器在同一行上
    div.upad > ul > li { padding: 3px; }
    
    ul.result li{
      padding: 3px;
    }
    
    .upad ul li{
       padding: 3px;
    }