css - 访问 CSS 中的子元素

Question

这是html列表：

<aside id="polylang-3" class="widget widget_polylang cf">
    <ul> 
        <li class="lang-item lang-item-5 lang-item-da"> danish </li>
    </ul>
<aside>

现在将 css 应用于列表项，如下所示：

.widget > ul  > li 
{
    margin: 0;
    padding: 7px 0 8px 0;
    border-bottom: solid 1px #eeeeee;
}

我只想访问上面的列表，但既不能通过 id 也不能通过类访问它的项目。一定很简单，但我就是想不通。提前谢谢了。

最后，让它工作。我可以像下面这样访问它：

#polylang-3.widget ul li 
{
    margin: 0;
    padding: 0px 0 0px 0;
    border-bottom: none;
}

问题是我想擦除边框底部，但以前我没有将其设置为“无”

Answer 1

你可以试试这个：

.widget ul li 
{
    margin: 0;
    padding: 7px 0 8px 0;
    border-bottom: solid 1px #eeeeee;
}

Answer 2

我可以通过这个访问它

#polylang-3 li{
/*your css code*/
}