首页 > 解决方案 > 如何在css中选择彼此相邻的特定元素

问题描述

我的 HTML 结构是这样的:

input span input

现在,我想通过搜索具有类似结构的元素来选择第一个和第二个输入。我已经尝试使用 + 运算符,但是这样,我只能选择第二个输入,如下所示:

input + span + input

我还需要同时选择第一个输入。

标签: htmlcss

解决方案


我猜你的实际结构看起来像这样

<input />
<span></span>
<input />

并且您希望能够访问输入元素?而且这种结构可以在整个html中重复吗?

如果是这种情况,您将需要使用 ajax/jquery 之类的东西来执行此操作。在javascript中你可以做这样的事情......

<input id="input1" class="" />
<span></span>
<input id="input2" class="" />

Javascript

document.getElementById('input1').className = "class1";
document.getElementById('input2').className = "class2";

推荐阅读