登陆      注册    找回密码   会员投稿 宽屏版 I 换肤 手机版 | 收藏本站   当前时间是: 
首页>技术文档>html5/cs3前端>正文


ie8 不支持伪类 :last-child ,如何实现相同效果

来源:互联网   作者:佚名   浏览:141次   发表时间:2022-8-8 6:23:00
【字体: 视力保护色:

ie8很奇葩 支持伪类 :first-child 但是不支持:last-child。但有些时候很想用last-child怎么办?

我发现一个可以解决这个问题的方法。(仅适用于同类有且仅有两个)

<style>
.main {width: 400px;height: 300px;border: 2px solid orange;}.main p:last-child {background: red;}
</style>
<div class="main">
<p>我是第一个p标签</p>
<p>我是第二个p标签</p>
</div>

解决办法:

css里变成

<style>
.main{width: 400px; height: 300px;border: 2px solid orange;}
.main p {background: red;}
.main p:first-child {background: #ffffff;}
</style>


董为坚个人网 https://www.dwjgrw.cn/ 【关闭窗口
注:转载或者复制本站文章,必须带上董为坚个人网链接。
部分文章来源于网络,如有侵权联系删除!
扫一扫在手机阅读

扫一扫 在手机阅读、分享本文


上一篇:别说不可能
下一篇:漫漫人生路,笑对风雨行

版权所有:《董为坚个人网
本文地址:https://www.dwjgrw.cn/Content/id/312.html   复制地址
本站内容除特别注明外,均为《董为坚个人网》原创,欢迎转载!转载请注明本文地址,谢谢!


  评论列表

暂无评论

  发表评论 [评论会通过邮件和短信的形式通知我,我会及时回复,一定回来看哦!!!]
昵称: [必填]
邮箱: [必填]
内容: [必填]
验证码:   
                     
给我留言 申请友链Copyright © 2012- 董为坚个人网, All rights reserved 手机版
本站已正常运行3408天技术顾问:董为坚个人网 ( 桂ICP备15004478号-1 )
  今日更新:1篇, 最后更新:2022-10-7联系QQ1115030108,邮箱:1115030108@qq.com
今日有135人访问,总访问数789351人请勿发布违反中华人民共和国法律法规的言论.