Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/72.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
Html 用css修改不同的列表_Html_Css - Fatal编程技术网

Html 用css修改不同的列表

Html 用css修改不同的列表,html,css,Html,Css,我的HTML文件是: asdfasdf <ul> <li id="differentstyle">Car</li> <li>Car1</li> <li>Travel</li> </ul> 但这种风格并不是在修改“汽车”(第一辆)。我做错什么了吗?这假设有效吗?它没有任何样式,因为\differentstyle-ul-li在内部内部\differentstyle中选择一个。使用

我的HTML文件是:

asdfasdf
<ul>
    <li id="differentstyle">Car</li>
    <li>Car1</li>
    <li>Travel</li>
</ul>

但这种风格并不是在修改“汽车”(第一辆)。我做错什么了吗?这假设有效吗?

它没有任何样式,因为
\differentstyle-ul-li
    内部
      内部
      \differentstyle
      中选择一个
    • 。使用

      ul li {
          padding-bottom: 50px;
      }
      
      如果您想设置所有
    • 元素的样式,请改为。或使用

      #differentstyle {
          padding-bottom: 50px;
      }
      
      如果您只想设置第一个
    • 的样式。或者,如果这真的只是第一个你想改变样式的地方,你只想把样式应用到一个特定的列表中,那么把你的html改为

      <ul id="yourClass">
          <li>Car</li>
          <li>Car1</li>
          <li>Travel</li>
      </ul>
      
      您的选择器
      #differentitstyle ul li{
      意味着“匹配id为'differentitstyle'的元素的后代的ul的后代li”。如果您希望以第一个li为目标,只需使用
      #differentitstyle{…}
      差异样式ul li
      :指
      ul
      内部
      差异样式
      中的
      li
      ,而
      ul
      内部
      差异样式
      中没有
      li

      因此,只需使用:

      #differentstyle {
          padding-bottom: 50px;
      }
      

      有关更多信息:

      我认为您的身高有问题。还有一些代码问题需要使用
      边距底部:50px;
      而不是
      填充底部

      所以请删除所有代码。只需尝试添加以下代码

      <ul>
          <li id="differentstyle">Car</li>
          <li>Car1</li>
          <li>Travel</li>
      </ul>
      

      请看这个

      为什么你要为
      设置一个固定的高度?如果ul高度小于50%,那么在ul中填充底部是很热的。所以我在ul标签中设置了hright。但这并不重要。很抱歉我上面的打字不好。如果ul标签高度小于50px,LI标签就无法获得填充底部:50px。所以我在ul中设置了高度标签。但这没关系!这不是打字,我不明白你的逻辑。例如50%的什么?但正如我说的:没关系。嘿,这不是逻辑。你是什么意思?我说UL标签的总高度小于50px。但所有的li-tag padding_-bottom都是50px。那么如何实现这个??总的UL标签高度大小和一个li-tag padding-底部大小相同。因此li标记无法获得padding_bottom 50px。仅此而已。下面的这一行工作正常。{padding bottom:50px;}那么为什么要添加额外的css行???是否可以删除额外的所有行?是否要检查:
      #differentstyle {
          padding-bottom: 50px;
      }
      
      <ul>
          <li id="differentstyle">Car</li>
          <li>Car1</li>
          <li>Travel</li>
      </ul>
      
      ul 
      {
          height:160px;//Its not a important 
      }
      
      ul li 
      {
          margin-bottom: 50px;
      }