Question

我一直在尝试在Html中创建无序列表。一个css类将附加＆＃34; ul＆＃34;元素和它的孩子＆＃34; li＆＃34;元素。问题是如果另一个＆＃34;无序列表＆＃34;成为这个父无序列表的子元素。

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

使用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类＆＃34; marquee＆＃34;来自儿童无序名单？

提前致谢。

Answer 1

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

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

Answer 2

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

删除子列表项的CSS类属性

2 个答案: