我一直试图在Html中创建一个无序列表。 css类将附加“ul”元素及其子元素“li”元素。 问题是如果另一个“无序列表”成为这个父无序列表的子元素。删除子类列表项的CSS类属性
我创建了下面的示例,以显示我的问题: -
的Javascript: -
$(function() {
$('.marquee').marquee({
duration: 10000,
duplicate: false,
delayBeforeStart:0,
allowCss3Support: true,
gap: 600,
});
});
HTML: -
- 1. Longer text lorem ipsum dolor sit amet,
consectetur adipiscing elit END
- 2. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END
- 3. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END
- 4. Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END
-
- I'm the Child Unordered List Element. I don't want this CSS
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;
}
任何人可以建议如何从Child Unordered List中删除CSS类“marquee”吗?
在此先感谢。
+7
请在问题本身*中添加您的代码*。目前您所拥有的只是一个到jsFiddle的断开链接,因此没有人可以帮助您 –
+0
您试图从子元素中删除哪些CSS? –
+1
对于初学者来说,那个孩子'ul'应该在'li'里面,因为这不是有效的html。 –