Html 添加样式时,第一个子项不起作用

Html 添加样式时,第一个子项不起作用,html,css,Html,Css,我正试着让我的第一个孩子li把课文往上推一点,但没用。最后一个子项有效,但第一个子项无效 。最新帖子李:第一个孩子{ 衬垫顶部:-5px; } .最新帖子李:最后一个孩子{ 页边距底部:0; 垫底:12px; 边界:0; 左边距:3倍; } 。最近的帖子框ul{ 列表样式:无; 保证金:0; 填充:0; } .最近的邮件箱.输入{ 显示:块; 宽度:200px; 填充:8px0; 浮动:左; } .最新帖子{ 高度:35px; 保证金:0; 填充:0; 页边距底部:0; 垫底:12px; 边

我正试着让我的第一个孩子li把课文往上推一点,但没用。
最后一个子项
有效,但第一个子项无效

。最新帖子李:第一个孩子{
衬垫顶部:-5px;
}
.最新帖子李:最后一个孩子{
页边距底部:0;
垫底:12px;
边界:0;
左边距:3倍;
}
。最近的帖子框ul{
列表样式:无;
保证金:0;
填充:0;
}
.最近的邮件箱.输入{
显示:块;
宽度:200px;
填充:8px0;
浮动:左;
}
.最新帖子{
高度:35px;
保证金:0;
填充:0;
页边距底部:0;
垫底:12px;
边框底部:1个点;
显示:块;
线高:1.2米;
明确:两者皆有;
}
.最新职位。李国章:第一个孩子{
背景:蓝色;
}
.最新帖子李:最后一个孩子{
页边距底部:0;
垫底:12px;
边界:0;
左边距:3倍;
}
.最新帖子李:最后一个孩子img{
利润上限:3倍;
}
.近期邮筒{
显示:块;
浮动:左;
宽度:40px;
高度:40px;
右边距:10px;
}
.最近的邮件框.条目.日期{
显示:块;
线高:1.4em;
边缘顶部:2倍;
}
.最新帖子李:悬停{
背景色:rgba(0,0,0,0.1);
-moz边界半径:6px;
-webkit边界半径:6px;
边界半径:6px;
}
.最新帖子a{
字体大小:14px;
颜色:#423338;
边框底部:1px实心透明;
-webkit过渡:所有300毫秒的易入易出;
-moz转换:所有300毫秒的输入输出都很容易;
-ms转换:所有300毫秒的输入输出都很容易;
-o型过渡:所有300毫秒的缓进缓出;
过渡:所有300毫秒的缓进缓出;
文字装饰:无;
}
.最新帖子a:悬停{
边框颜色:#423338;
}
.最近的帖子框.链接{
文本对齐:右对齐;
字体大小:14px;
}
。最近的帖子框。链接a{
字体大小:14px;
颜色:#423338;
边框底部:1px实心透明;
-webkit过渡:所有300毫秒的易入易出;
-moz转换:所有300毫秒的输入输出都很容易;
-ms转换:所有300毫秒的输入输出都很容易;
-o型过渡:所有300毫秒的缓进缓出;
过渡:所有300毫秒的缓进缓出;
文字装饰:无;
}
.最近的帖子框.链接a:悬停{
边框颜色:#423338;
}

最近的职位
  • 条目1 日期1
  • 条目2 日期2

  • 您好,我看到了您的代码,我认为您希望看到的结果是您将在我修改的代码中看到的结果:

    编辑这部分代码:

    .recent-posts-box .entry {
     display: block;   /* here without padding:8px 0 0 0; */
     width: 200px;
     float:left;
    }
    

    您的代码有img,左侧为float,类名为.entry,它也在float中。在关闭div之前,您没有同时应用clear。因此,它不适用

    解决方案1:

    <li>
            <img alt="img">
            <div class="entry">
              Entry 1
              <span class="date">Date 1</span>
            </div>
            <div class="clear" style="clear:both;"></div>
          </li>
    
  • 条目1 日期1
  • 解决方案2: .latest posts li:在{content:”;显示:块;清除:两者;高度:0px;}


    试试这个,如果没有解决,我会帮你解决更多问题。

    填充不能为负。填充值不能为负。尝试使用负边距,即使这样也可能不起作用。请提供生成的html(不含php)以及影响该html的所有css。也许您可以使用
    垂直对齐来修复它,而不是使用边距或填充,但是如果不查看代码,我无法判断。@kris我认为您的问题是由
    最近的帖子框造成的。条目{padding:8px 0;}
    。试着删除那个。