Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.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 在最后的博客部分,第n个孩子没有发生_Html_Css_Sass - Fatal编程技术网

Html 在最后的博客部分,第n个孩子没有发生

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

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 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>