CSS类重叠?
这是我知道的基础,但我似乎无法解决这个问题。这是代码(片段)CSS类重叠?,css,class,overlapping,Css,Class,Overlapping,这是我知道的基础,但我似乎无法解决这个问题。这是代码(片段) ul#存储列表,ul.sub_文件夹{ 保证金:0; 填充:0; 列表样式:无; 字体大小:12px; } ul#存储列表li{ 保证金:0; 线高:20px; 显示:块; 光标:指针; } ul#存储列表li.file span.name{ 背景:url(“/larea/site\u images/file.png”)没有重复; 左侧填充:20px; } ul#存储列表li.dir span.name{ 左边距:5px; 背景:ur
ul#存储列表,ul.sub_文件夹{
保证金:0;
填充:0;
列表样式:无;
字体大小:12px;
}
ul#存储列表li{
保证金:0;
线高:20px;
显示:块;
光标:指针;
}
ul#存储列表li.file span.name{
背景:url(“/larea/site\u images/file.png”)没有重复;
左侧填充:20px;
}
ul#存储列表li.dir span.name{
左边距:5px;
背景:url(“/larea/site\u images/folder.png”)没有重复;
左侧填充:20px;
}
ul#存储列表li.dir span.pin{
背景:url(“/larea/site_images/folder_arrow.png”)没有重复;
宽度:10px;
高度:10px;
显示:内联块;
}
ul.sub_文件夹{
左边距:15px;
填充:0;
列表样式:无;
字体大小:12px;
}
ul.sub_文件夹li{
保证金:0;
线高:20px;
显示:块;
光标:指针;
}
ul.sub_文件夹li.file span.name{
背景:url(“/larea/site\u images/file.png”)没有重复;
左侧填充:20px;
}
ul.sub_文件夹li.dir span.name{
左边距:5px;
背景:url(“/larea/site\u images/folder.png”)没有重复;
左侧填充:20px;
}
ul.sub_文件夹li.dir span.pin{
背景:url(“/larea/site\u images/folder\u arrow.png”)没有重复;
宽度:10px;
高度:10px;
显示:内联块;
}
天哪
天哪
omg2
omg2
碰巧
中的所有(无论li的类别如何)都与中的
具有相同的样式。。。他们都得到了.dir
类。
为什么?
编辑:我做到了!有没有办法投票或奖励我自己?这是我第三次在没有人回答的情况下解决自己的问题:)开玩笑。
对于community spirit,问题在于,由于class.sub_文件夹
位于父级#存储列表
中,并且为sub设置了规则,因此所有
文件夹(无论是否在另一个文件夹中)也获得了相同的样式。解决方案是使用
,这样只有父级
才能获得特定的类,而不是子级、孙辈等。。
因此,规则(示例)变为ul#storage_list>li.dir>span.name
尝试以下操作:
ul#storage_list > li.dir > span.name
{
margin-left:5px;
background:url("/larea/site_images/folder.png") left no-repeat;
padding-left: 20px;
}
试试这个:
ul#storage_list > li.dir > span.name
{
margin-left:5px;
background:url("/larea/site_images/folder.png") left no-repeat;
padding-left: 20px;
}
您是否验证了html以检查嵌套问题?你能把它贴出来吗?你可以把你自己的问题的答案贴在下面-往下点-如果人们喜欢它,它会被提升:)但是效率低下的CSS选择器顺便说一句。你应该深入研究它。你是说重复规则?我正在处理它,除了具体的什么?@Sandro-如果你已经解决了自己的问题,你可以将解决方案写在下面作为答案,然后单击“接受”勾选按钮将其标记为正确答案。这将是你按照自己的要求“奖励自己”的方式,也会告诉我们其他人问题已经解决,所以我们不需要来帮忙。:)您是否验证了html以检查嵌套问题?你能把它贴出来吗?你可以把你自己的问题的答案贴在下面-往下点-如果人们喜欢它,它会被提升:)但是效率低下的CSS选择器顺便说一句。你应该深入研究它。你是说重复规则?我正在处理它,除了具体的什么?@Sandro-如果你已经解决了自己的问题,你可以将解决方案写在下面作为答案,然后单击“接受”勾选按钮将其标记为正确答案。这将是你按照自己的要求“奖励自己”的方式,也会告诉我们其他人问题已经解决,所以我们不需要来帮忙。:)