Html 在最后的博客部分,第n个孩子没有发生
blog-card\uuu img我需要做div的第n个子项(2),它有这个类,但它没有发生你的第2个div标签不是blog-card\uu img,用blog-card\uu img替换blog-card\uu内容或添加以下内容:Html 在最后的博客部分,第n个孩子没有发生,html,css,sass,Html,Css,Sass,blog-card\uuu img我需要做div的第n个子项(2),它有这个类,但它没有发生你的第2个div标签不是blog-card\uu img,用blog-card\uu img替换blog-card\uu内容或添加以下内容: <div class="blog-card"> <div class="blog-card__item blog"> <div clas
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img">
<img class="" src="./assests/img/2.jpg" alt="">
</div>
<div class="blog-card__content"></div>
我理解你的想法。是否要修改第二个.blog卡的.blog-card\uu img
- 它不起作用,因为在与classes.blog卡相同的级别上仍然有一个H4标记
- 为此,请将所有.blog-card类放在一个div中,并设置.blog-card\uuu img类的样式
...
...
...
...
CSS将如下所示:
<div class="blog-card-container">
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/1.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/2.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/3.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/4.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
</div>
.blog-card容器。blog-card:n个孩子(2)。blog-card\uu img{
//你的风格
}
但是有3个博客卡元素和2个。我想给blog-card元素的blog-card图片增加一个不同的功能。你能给我完整的代码并更好地解释一下吗?我想我还是不明白你的意思你能给我GitHub邮件吗?是的,我的邮件:egooats@gmail.comI邀请您,当您查看代码时,您就会知道我想要做什么。
<div class="blog-card-container">
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/1.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/2.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/3.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
<div class="blog-card">
<div class="blog-card__item blog">
<div class="blog-card__img ">
<img class="" src="./assests/img/4.jpg"
alt="">
</div>
<div class="blog-card__content">
...
</div>
</div>
</div>
</div>
<style>
.blog-card-container .blog-card:nth-child(2) .blog-card__img {
// Your Style
}
</style>