css的父选择器[亲测有效]

css的父选择器[亲测有效]css的父选择器首先声明一点,目前没有css的父选择器。新出的css3也没有。但是已经有很多人有很多次提案了。反向选择在2008年ShaunInman建议这种父选择器。a<img{border:none;}这段css的目的是选择img元素的a标签。parentRemySharp建议使用:parentaimg:parent{background:…

大家好,欢迎来到IT知识分享网。

css的父选择器

首先声明一点,目前没有css的父选择器。新出的css3也没有。但是已经有很多人有很多次提案了。

1. 反向选择

在2008年Shaun Inman建议这种父选择器。

a < img{
    border: none;
}

这段css的目的是选择img元素的a标签。

2. parent

Remy Sharp建议使用:parent

a img:parent { background: none; }

3. has

MDN上面已经说明了,has已经处于工作草案阶段。现如今没有一个浏览支持。但是感觉功能相当强大。

li:has(> a.active){
    color:red;
}

article:not(:has(a)){
    color:red;
}

通用选择器是效率最低的CSS选择器,如果有一个父选择器,那么很容易成为低效选择器中的新顶级狗。所以束缚这些想法的最大因素是存在巨大的性能问题。

参考

Parent Selectors in CSS

CSS子元素选择父元素

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/25946.html

(0)
上一篇 2023-05-21 17:00
下一篇 2023-07-11 21:00

相关推荐

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注微信