删除子列表项的 CSS 类属性答案

【问题标题】：Remove CSS class properties for Child List Items删除子列表项的 CSS 类属性
【发布时间】：2017-07-26 17:36:11
【问题描述】：

我一直在尝试在 Html 中创建一个无序列表。 css 类将附加“ul”元素及其子“li”元素。问题是如果另一个“无序列表”成为这个父无序列表的子元素。

我创建了以下示例来显示我的问题：-

Javascript:-

$(function () {
    $('.marquee').marquee({

        duration: 10000,
        duplicate: false,
        delayBeforeStart:0,

        allowCss3Support: true,
        gap: 600,

    });
   });

HTML:-

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script>
  <ul class='marquee'>
    <li>1. Longer text lorem ipsum dolor sit amet,<h3>consectetur adipiscing elit END</h3></li>

    <li>2. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END</li>

    <li>3. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END</li>

    <li>4. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END</li>

        <li><ul><li><b>I'm the Child Unordered List Element. I don't want this CSS</b></li></ul></li>
</ul>

CSS:-

body {
    margin: 10px;
    font-family:'Lato', sans-serif;
}
.marquee {
    width: 100%;
    overflow: hidden;
    border:1px solid #ccc;
    background: black;
    color: rgb(202, 255, 195);
}
ul.marquee li {
    display: inline-block;
    padding: 10px 20px;

}

Jsfiddle

任何人都可以建议如何从子无序列表中删除 CSS 类“marquee”吗？

提前致谢。

【问题讨论】：

请将您的代码添加到问题中。您目前拥有的只是 jsFiddle 的断开链接，因此没有人可以帮助您
您要从子元素中删除什么 CSS？
对于初学者来说，那个子 ul 应该在 li 内，因为这不是有效的 html。
我刚刚检查了你的 Fiddle，但是孩子 ul 甚至没有上 marquee 的课程，所以没有什么可以删除的。我仍然不确定你想要什么。
@vi5ion 如果您注意到的话，我的孩子“ul”列表项不会显示项目符号。我已经用我需要的东西更新了小提琴。

标签： javascript jquery html css

【解决方案1】：

请在您的问题中分享代码。现在我从你的陈述中理解，这可以通过使用下面的代码来实现（用实际类替换'.xyz'）

jQuery("ul.xyz").find("ul.xyz").removeClass(".xyz");

【讨论】：

【解决方案2】：

我注意到您在父 ul 中的 ul 不在 li 中。确保列表中的任何子元素都在 li 元素内。

【讨论】：