作者:神奇伟哥 | 来源:互联网 | 2023-01-29 08:40
我有一个包含两个孩子的div(父母)。如果要隐藏第二个DIV,我想更改第一个DIV的颜色。
我已经尝试过类似的东西:
.parent div:first-child:not(#xyz[hidden]) {
background: #00ff00;
}
但这不起作用。那么,在CSS3中有可能吗?
1> Obsidian Age..:
不幸的是,您当前的HTML结构使得无法使用原始CSS 定位第一个。
但是,如果交换两个元素,则可以基于的可见性来定位可见的div #xyz
:
#xyz[style*='display: none'] ~ div {
background: #00ff00;
}
推荐阅读
-
一款清新的jQuery日历插件带日期的Tooltip提示543人浏览发表回复这是一款非常简单清新的jQuery日历插件,它并没有特别的日期或者时间选择功能,仅仅是展示一个简单的日历控件。这款jQu ...
[详细]
蜡笔小新 2023-10-11 16:29:28
-
css33d学习心得卡片反转魔方banner图首先我们要学习好css33d一定要有一定的立体感通过这个图片应该清楚的了解到了x轴y轴z轴是什么概念了。首先先给大家看一个小 ...
[详细]
蜡笔小新 2023-10-11 12:41:15
-
-
这篇文章将为大家详细讲解有关如何使用JavaScript动态设置CSS3属性值,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读 ...
[详细]
蜡笔小新 2023-10-11 05:24:06
-
Iamtryingtoachievethearrowpointingupwards..iamtryingtoachieveitinmycssiamnotabl ...
[详细]
蜡笔小新 2023-10-09 19:41:30
-
本文小编为大家详细介绍“前端实用的CSS3技巧有哪些”,内容详细,步骤清晰,细节处理妥当,希望这篇“前端实用的CSS3技巧有哪些”文章能帮助大家 ...
[详细]
蜡笔小新 2023-09-25 13:50:50
-
小编给大家分享一下怎么使用css3画三角形,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!首先看一下css3画三角形的原理我们先来看 ...
[详细]
蜡笔小新 2023-09-25 07:28:58
-
本文主要介绍关于html5,css3的知识点,对【关于雾霾网站设计】和【你有什么见解】有兴趣的朋友可以看下由【-你在暮色中】投稿的技术文章,希望该技术和经验能帮到你解决你所遇的【】相关技术问题。你有 ...
[详细]
蜡笔小新 2023-09-24 13:40:19
-
1、给边框加上圆角及阴影,如下代码:<!DOCTYPEhtmlPUBLIC"-W3CDTDHTML4.01TransitionalEN"" ...
[详细]
蜡笔小新 2023-09-17 19:38:46
-
http:js.alixixi.coma2014021292298.shtmlhttp:w3cshare.comexample?pid134http:w3cshare.comc ...
[详细]
蜡笔小新 2023-09-17 13:26:50
-
iamtryingtomakeanavigationmenuinsidea200pxx200pxsquare,thisnavigationlist(UL)chang ...
[详细]
蜡笔小新 2023-09-16 19:05:52
-
很有意思的全景动画:(直接上代码)html部分:<div><div>css部分:.panorama{width:300px;hei ...
[详细]
蜡笔小新 2023-09-16 12:37:52
-
本文内容为asp.net微信公众平台开发的目录汇总,包括数据库设计、多层架构框架搭建和入口实现、微信消息封装及反射赋值、关注事件、用户记录、回复文本消息、图文消息、服务搭建(接入)、自定义菜单等。同时提供了示例代码和相关的后台管理功能。内容涵盖了多个方面,适合综合运用。 ...
[详细]
蜡笔小新 2023-12-14 22:40:22
-
CSS:body{font-size:62.5%;}为什么???在网页设计中我们经常看见body{font-size:62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与p ...
[详细]
蜡笔小新 2023-09-25 20:24:32
-
background:-webkit-gradient(linear,10%10%,100%100%, ...
[详细]
蜡笔小新 2023-09-25 18:49:33
-
Bootstrapfontnotloadingcorrectlyglyphicons-halflings-regular.woff2.引导字体没有正确加载符号-halflingr ...
[详细]
蜡笔小新 2023-09-24 18:22:46
-