Css 根据其内容更改父li项目类

我有一个简单的无序列表

<ul>
    <li>
        <p>Entertainment</p>
        <ul>
            <li><p>Lady GAGA</p></li>
            <li><p>Lady GAGA</p></li>
            <li><p>Lady GAGA</p></li>
            <li><p>Lady GAGA</p></li>
        </ul>
    </li>

    <li>
        <p>Fasion</p>
    </li>

    <li>
        <p>Animals</p>
    </li>
</ul>

娱乐


Lady GAGA

Lady GAGA

Lady GAGA

Lady GAGA




法辛



动物

我希望里面有

的
将自动获得一个特殊类/样式，因此如果内容（
ul
）将被移动或删除，那么特殊类也将从父
中删除

如果可以在css或sass中完成，我会很高兴，但在
ng类中也可以

谢谢。
为了能够检查内容是否已更改，您需要通过如下javascript进行检查

$("#Id_of_the_ul").change(function(){
    // this is executed when any change occurs in the content of the <ul>
    //an if statement here for the change you want to detect

    $(this).parent().addClass("YourClass");
    // or
    $(this).parent().removeClass("YourClass");
})

$（“#Id_of_ul”）。更改（函数（）{
//当

//此处为要检测的更改提供if语句
$（this.parent（）.addClass（“YourClass”）；
//或
$（this.parent（）.removeClass（“YourClass”）；
})
为了能够检查内容是否发生了变化，您需要通过javascript这样做

$("#Id_of_the_ul").change(function(){
    // this is executed when any change occurs in the content of the <ul>
    //an if statement here for the change you want to detect

    $(this).parent().addClass("YourClass");
    // or
    $(this).parent().removeClass("YourClass");
})

$（“#Id_of_ul”）。更改（函数（）{
//当

//此处为要检测的更改提供if语句
$（this.parent（）.addClass（“YourClass”）；
//或
$（this.parent（）.removeClass（“YourClass”）；
})
为了能够检查内容是否发生了变化，您需要通过javascript这样做

$("#Id_of_the_ul").change(function(){
    // this is executed when any change occurs in the content of the <ul>
    //an if statement here for the change you want to detect

    $(this).parent().addClass("YourClass");
    // or
    $(this).parent().removeClass("YourClass");
})

$（“#Id_of_ul”）。更改（函数（）{
//当

//此处为要检测的更改提供if语句
$（this.parent（）.addClass（“YourClass”）；
//或
$（this.parent（）.removeClass（“YourClass”）；
})
为了能够检查内容是否发生了变化，您需要通过javascript这样做

$("#Id_of_the_ul").change(function(){
    // this is executed when any change occurs in the content of the <ul>
    //an if statement here for the change you want to detect

    $(this).parent().addClass("YourClass");
    // or
    $(this).parent().removeClass("YourClass");
})

$（“#Id_of_ul”）。更改（函数（）{
//当

//此处为要检测的更改提供if语句
$（this.parent（）.addClass（“YourClass”）；
//或
$（this.parent（）.removeClass（“YourClass”）；
})
如果您只想在
元素中的
中应用属性。您可以简单地使用css组合符，例如：-

li>ul{
//应用属性
}

此时，如果
ul
在
li
中不存在，则不会对
ul
应用任何属性

如果要根据内容添加和删除样式类，则需要JavaScript。

@给出一个很好的解决方案

如果您使用的是Angularjs，那么为什么不使用JavaScript？
如果您只想在
中的
元素上应用属性。您可以简单地使用css组合符，例如：-

li>ul{
//应用属性
}

此时，如果
ul
在
li
中不存在，则不会对
ul
应用任何属性

如果要根据内容添加和删除样式类，则需要JavaScript。

@给出一个很好的解决方案

如果您使用的是Angularjs，那么为什么不使用JavaScript？
如果您只想在
中的
元素上应用属性。您可以简单地使用css组合符，例如：-

li>ul{
//应用属性
}

此时，如果
ul
在
li
中不存在，则不会对
ul
应用任何属性

如果要根据内容添加和删除样式类，则需要JavaScript。

@给出一个很好的解决方案

如果您使用的是Angularjs，那么为什么不使用JavaScript？
如果您只想在
中的
元素上应用属性。您可以简单地使用css组合符，例如：-

li>ul{
//应用属性
}

此时，如果
ul
在
li
中不存在，则不会对
ul
应用任何属性

如果要根据内容添加和删除样式类，则需要JavaScript。

@给出一个很好的解决方案

如果您使用的是Angularjs，那么为什么不使用JavaScript呢？
您可以使用

你可以用一个简单的方法来做

你可以用一个简单的方法来做

你可以用一个简单的方法来做

因此，不能基于元素的子元素将规则应用于元素的父元素。你到底想做什么？
ng class
？您使用的是AngularJS？是的，我使用的是AngularJS。我想向添加一个查询以检查内部是否有内容。因此，您不能基于元素的子元素将规则应用于元素的父元素。你到底想做什么？
ng class
？您使用的是AngularJS？是的，我使用的是AngularJS。我想向添加一个查询以检查内部是否有内容。因此，您不能基于元素的子元素将规则应用于元素的父元素。你到底想做什么？
ng class
？您使用的是AngularJS？是的，我使用的是AngularJS。我想向添加一个查询以检查内部是否有内容。因此，您不能基于元素的子元素将规则应用于元素的父元素。你到底想做什么？
ng class
？您正在使用AngularJS？是的，我正在使用AngularJS。我想向添加一个查询，以检查EAWESome答案中是否包含内容！谢谢。回答得真棒！谢谢。回答得真棒！谢谢。回答得真棒！谢谢