遇见关于css中E:last-child的问题

最新推荐文章于 2022-08-15 16:26:42 发布

凉爽爽爽爽爽爽爽爽爽

最新推荐文章于 2022-08-15 16:26:42 发布

阅读量418

点赞数 1

分类专栏： HTML + CSS 笔记文章标签： html5 css3

本文链接：https://blog.csdn.net/qq_45770253/article/details/115477287

版权

本文探讨了CSS中E:last-child选择器在Chrome、Edge和IE浏览器中遇到的问题。当应用于div标签时，Chrome不响应该样式，而Edge和IE则有变化。进一步测试发现，为元素添加父级容器可以解决这个问题。此外，E:last-of-type选择器在所有浏览器中表现一致，可作为E:last-child的替代方案。

摘要由CSDN通过智能技术生成

遇见关于css中E:last-child的问题

开始

今天在写一个简单样式的时候，遇见了一个小问题，我在使用css中结构伪类选择器 E:last-child 的时候，同一段代码在三个浏览器上（Chrome、Edge、IE）运行出来却是不同的样式，具体代码段如下：

HTML部分

<body>
	<div></div>
	<div></div>
</body>

CSS部分

<style>
 	div {
   
      width: 200px;
      height: 200px;
      background-color: pink;
    }
    
    div:first-child {
   
      transform: translate(50%, 50%);
      background-color: pink;