Javascript 如何获得第一篇博文是大以下博客最近发布的js和css代码？

我已经在我的网站上安装了这个博客作者最近发布的JavaScript代码

通过这段代码，我得到的结果如下图1所示。但我正试图用像图2这样的代码得到结果。我需要关于这个JavaScript函数的帮助

下面我附上了Javascript、Css和HTMl代码。我需要关于这个JavaScript函数的帮助

图-1 图-2

图-3

.mbtlist{
列表样式类型：无；
溢出：隐藏
}
李先生{
保证金：0px自动20px自动；
明确：两者皆有；
颜色：#666；
字体系列：Helvetica；
字体大小：12px；
边框底部：1px点#ddd；
垫底：10px；
溢出：自动；
}
.mbtlist.mbttitle{
字体系列：oswald；
字体大小：16px；
颜色：#0080ff；
字体大小：正常；
文字装饰：无；
}
.mbtlist.mbttitle:悬停{
颜色：#00A5FF；
}
字体系列：格鲁吉亚；
字体大小：15px；
字体大小：粗体
}
.mbtlist div span{
裕度：0 10px 0 0；
显示：内联块；
}
.mbtlist span{
显示：块；
保证金：5px 0px 0px；
右侧填充：5px；
}
.mbtlist.imore{
字体大小：16px；
字体大小：粗体；
文字装饰：无；
颜色：#666；
线高：0.7em；
}
.mbtlist img{
浮动：左；
保证金：0px 10px 10px 0px；
边框：6px实心#fff；
填充：0px；
宽度：80px；
高度：65px；
盒影：-1px-1px 4px#777；
}
.mbtlist.i内容{
文本对齐：对齐；
}

函数getPosts（json）{
var posts=“
”；
for（var i=0；i”；
}
posts+='
'；
document.getElementById（'container'）.innerHTML=posts；
}

如果只设置图像宽度而不设置高度，则图像不会失真

对于顶部图像，可以使用

li:first of type

selector

.mbtlist{
列表样式类型：无；
溢出：隐藏
}
李先生{
保证金：0px自动20px自动；
明确：两者皆有；
颜色：#666；
字体系列：Helvetica；
字体大小：12px；
边框底部：1px点#ddd；
垫底：10px；
}
.mbtlist.mbttitle{
字体系列：oswald；
字体大小：16px；
颜色：#0080ff；
字体大小：正常；
文字装饰：无；
}
.mbtlist.mbttitle:悬停{
颜色：#00A5FF；
}
字体系列：格鲁吉亚；
字体大小：15px；
字体大小：粗体
}
.mbtlist div span{
裕度：0 10px 0 0；
显示：内联块；
}
.mbtlist span{
显示：块；
保证金：5px 0px 0px；
右侧填充：5px；
}
.mbtlist.imore{
字体大小：16px；
字体大小：粗体；
文字装饰：无；
颜色：#666；
线高：0.7em；
}
.mbtlist.mbttitle.imgbox{
最大宽度：80px；
最大高度：65px；
保证金：0px 10px 10px 0px；
填充：6px；
盒影：-1px-1px 4px#777；
显示：内联块；
垂直对齐：顶部；
文本对齐：居中；
溢出：隐藏；
}
.mbtlist.mbttitle.imgbox>img{
宽度：100%；
垂直对齐：中间对齐；
}
.mbtlist.i内容{
文本对齐：对齐；
}
.mbtlist li:类型.mbttitle.imgbox的第一个
{
显示：块；
宽度：100%；
最大宽度：未设置；
最大高度：未设置；
}

函数getPosts（json）{
var posts=“
”；
for（var i=0；i”；
}
posts+='
'；
document.getElementById（'container'）.innerHTML=posts；
}

请提供一个最低限度的工作示例此代码在我的网站和w3school上工作，但在这里不工作。这是第一张图片的代码示例。Hens是我的评论…如果我们不能测试它，我们如何帮助呢？我更新了代码，您现在可以在这里测试了。非常感谢。你的回答很有用，很有效。如果您不介意可以检查image-3，如何使用此代码创建image-3样式。再次感谢。