相关疑难解决方法(0)

如何选择<li>作为锚元素直接父元素的元素？

在示例中,我的CSS将是这样的:

li < a.active {
    property: value;
}

显然有一些方法可以使用JavaScript来实现这一点,但我希望CSS Level 2本身存在某种解决方法.

我尝试设置样式的菜单正在由CMS喷出,因此我无法将活动元素移动到<li>元素...(除非我主题菜单创建模块,我宁愿不这样做).

有任何想法吗？

是否有一个JQuery选择器来选择所有没有某个子元素作为直接子元素的元素？例如:

<p>
    text in paragraph
</p>
<p>
    <div>text in div</div>
</p>

我想只选择<p>第一个(没有<div>孩子).这可能吗？

进一步的信息:实际上我正试图通过这样的表达式<div>将所有那些<p>没有的人插入:

$('p').wrapInner('<div />')

但这会增加<div>第二个<p>.

我有一个div带有标题元素和一个ul在其中加载li项目的元素：

<div class="listContainer">
    <header>Title</header>
    <ul class="list">
        <li>Test Element</li>
        <li>Test Element</li>
        <li>Test Element</li>
    </ul>
</div>

在这种情况下，整体.listContainer需要可见。

但是是否可以使用 CSS 选择器隐藏整个容器:empty（如果.list为空），如下所示：

<div class="listContainer">
    <header>Title</header>
    <ul class="list">
    </ul>
</div>

现在我正在使用:empty选择器来隐藏ul，但整个.listContainer需要隐藏。

.list:empty { display: none; }

我知道用 JavaScript 是可以的，但在这种情况下我需要单独用 CSS 来完成，但我不确定这是否可行。