为什么同级的h1标签不生效

来源：5-3 CSS其他选择器（下）

洛奇丶大

2019-08-28 16:27:55

<!DOCTYPE html>
<html>
<head>
    <title>div选择器</title>
    <link rel="stylesheet" type="text/css" href="index.css">
</head>
<body>
    <div id="div1">
        <p>我是div1里面的段落</p>
        <h1>我是div1里面的标题H1</h1>
        <div id="div1-1">
            <p>我是div1-1的段落</p>
        </div>
        <div id="div1-2">
            <p>我是div1-2的段落</p>
        </div>
    </div>
    <p>我是div1外面的段落</p>
</body>
</html>

CSS：

/*和div1-1同级的h1标签生效*/
#div1-1+h1{
    background-color: red;
}

写回答

1回答

时间，

2019-08-28

已采纳

同学，你好。div1-1+h1：选择的是接在div1-1元素后出现的h1标签。在同学代码中，紧挨着div1-1后面没有h1标签，因此是看不到效果的。

参考代码：同学可以参考下图代码设置

效果图：

如果我的回答解决了您的疑惑，请采纳！祝学习愉快~~~~

0 学习 · 3562 问题

查看课程

相似问题

关于标签的问题

回答 1

回答 4

first-child{} 不生效

回答 1

回答 2

打开慕课网App查看更多内容