当前位置: 首页 > 面试题库 >

:第一个子项未按预期工作

苏野
2023-03-14
问题内容

我试图选择一个名为的类中的第h1一个。如果它是其中的第一个元素,它会起作用,但是如果在它之后出现,它将不起作用。div``detail_container``h1``div``ul

<style type="text/css">
.detail_container h1:first-child
{
color:blue;
} 
</style>
</head>
<body>
<div class="detail_container">
    <ul>
    <li></li>
    <li></li>
    </ul>
    <h1>First H1</h1>
    <h1>Second H1</h1>
</div>
</body>
</html>

我的印象是,h1无论它在哪里,我拥有的CSS都会选择第一个div。我该如何运作?


问题答案:

h1:first-child选择装置

当且仅当它是一个h1元素时,才选择其父项的第一个孩子。

所述:first-child容器的这里是ul,这样不能满足h1:first-child

:first-of-type您的情况有CSS3 :

.detail_container h1:first-of-type
{
    color: blue;
}

但是由于浏览器兼容性问题而已,那么最好还是给第h1一个类一个类,然后再定位该类:

.detail_container h1.first
{
    color: blue;
}


 类似资料:
  • 我正在使用spring Roo并希望访问Controller类中的一个bean,该类在ApplicationContext.xml中具有以下配置: 配置类本身是: 在我的Controller中,我认为一个简单的Autowired注释应该可以完成这项工作 在启动过程中,spring在setSkipWeeks方法中打印消息。不幸的是,每当我在控制器中调用config.getSkipWeeks()时,它

  • 当我运行以下程序时,它只打印 然而,从Java 8的equalsIgnoreCase文档中我们发现: 如果以下至少一项为真,则两个字符c1和c2被视为相同的忽略情况: •对每个字符应用java.lang.character.ToUpperCase(char)方法会产生相同的结果 所以我的问题是为什么这个程序不打印 在这两种操作中,都使用了大写字符。

  • 我试图使用来传输我根据前面的问题设置的自定义标头。 我在文件中读到... 我的属性包括:

  • 我正在和selenium一起工作,刮一些数据。 有一个按钮在页面上,我正在点击说“Custom_Cols”。这个按钮为我打开了一个窗口,我可以在那里选择我的列。 我的问题是为什么新窗口上的元素不可见,即使我正在等待元素的可见。补充一下,我已经尝试增加延迟时间,但我还是会偶尔出现这个错误。 我的密码在这里

  • 下面是我的navbar.js null ]2]2 这里是我的navbar.css null null