Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS类重叠?_Css_Class_Overlapping - Fatal编程技术网

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-如果你已经解决了自己的问题,你可以将解决方案写在下面作为答案,然后单击“接受”勾选按钮将其标记为正确答案。这将是你按照自己的要求“奖励自己”的方式,也会告诉我们其他人问题已经解决,所以我们不需要来帮忙。:)