javascript - 如何在 HTML + CSS 中通过另一个元素选择器更改一个元素的属性值?

标签 javascript html css

我有 2 个元素按钮,我想在单击另一个时更改其中一个的颜色,反之亦然。我试过了,但没有用。谁能帮我? HTML:

<button id="t1">Test 1</button>
<button id="t2">Test 2</button>

CSS:

#t1:active + #t2
{
    color: red;
}
#t2:active + #t1
{
    color: red;
}

最佳答案

我可以想到几种仅使用 CSS 来实现此目的的方法,尽管它们并不完全“真诚”。

第一种方法依赖于创建第一个按钮的“假”克隆,并在第二个按钮为:active 时显示它,演示:little link .

第二种方法依赖于这样一个事实,即当您的一个 button:active 时,它后面的父元素是 :active以及。这是此解决方案的演示:little link .

关于javascript - 如何在 HTML + CSS 中通过另一个元素选择器更改一个元素的属性值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12410830/

相关文章:

css - 带有背景图像的元素上的阴影?

c# - .NET:如何开发用户可以使用鼠标进行电子签名的功能?

javascript - 由于 <head> 中的 javascript 阻止了 HTML 渲染,CSS 是否也是如此?

javascript - 在 silverstripe CMS 中,按下时在 TextareaField 中添加一个选项卡

JavaScript 正则表达式将 DIV 与特定类相匹配

html - tumblr 中标签的搜索框结果

javascript - 仅当 JS 直接链接在 <body> 下方和 </body> 上方时,div 的垂直居中才有效?

javascript - React 中的 ParticlesJS 组件隐藏了媒体查询但不会返回显示

javascript - 正则表达式:如何像 DOM 渲染器那样删除多余的空格/换行符(处理)

css - input type=search 不接受高度