刪除子類列表項的CSS類屬性

-4

我一直試圖在Html中創建一個無序列表。 css類將附加「ul」元素及其子元素「li」元素。問題是如果另一個「無序列表」成爲這個父無序列表的子元素。刪除子類列表項的CSS類屬性

我創建了下面的示例，以顯示我的問題： -

的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

任何人可以建議如何從Child Unordered List中刪除CSS類「marquee」嗎？

在此先感謝。

來源

2017-07-26 ASHISH_TECHIT

請在問題本身*中添加您的代碼*。目前您所擁有的只是一個到jsFiddle的斷開鏈接，因此沒有人可以幫助您 –

您試圖從子元素中刪除哪些CSS？ – jonathangoodman

對於初學者來說，那個孩子'ul'應該在'li'裏面，因爲這不是有效的html。 – vi5ion

請分享您的問題中的代碼。現在我明白你的語句，可以使用下面的代碼來實現（替換「名爲.xyz」與實際的類）

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

來源

2017-07-26 09:20:42

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

來源

2017-07-26 09:34:06 jonathangoodman

刪除子類列表項的CSS類屬性

回答

相關問題