Html 用css修改不同的列表
我的HTML文件是: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中选择一个。使用
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;
}