更改focus on other element的单独元素样式[duplicate]
如何让它发挥作用？HTML
css lang-css prettyprint-override">#nav input[type=text]:focus ~ #two {
color: red;
}
<div id=nav>
<input type="text" placeholder="Search" name="search">
</div>
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>我认为问题是由于单独的div元素造成的。
共有1个答案
你不能。只有当元素是:focus的兄弟或子元素时才有可能。
或者使用Javascript，或者将div放到nav中（如果不能更改DOM树，这可能不是您要找的）。
#nav input[type=text]:focus~#two {
color: red;
}<div id=nav>
<input type="text" placeholder="Search" name="search">
<div id="two">Two jfjsoijfoisoivnosnovdnsnnoivnoinsionvonoiniso</div>
</div>-
问题内容： 是否可以使用或在angular2中更改伪元素的样式？ 为了使div上的模糊效果像叠加层一样，我应该在伪元素上设置背景图像。 我尝试了类似的东西 它没有用。我也试过了 问题答案： 不，这不可能。实际上，这不是一个Angular问题：伪元素不是DOM树的一部分，因此不会暴露任何可用于与其交互的DOM API。 如果要以编程方式处理伪元素，通常的方法是间接的：添加/删除/更改类，并在CSS中
-
问题内容： 是否可以通过JavaScript更改CSS伪元素样式？ 例如，我想像这样动态设置滚动条的颜色： 而且我还希望能够告诉滚动条这样隐藏： 但是，这两个脚本都返回： 未捕获的TypeError：无法读取null的属性“样式” 还有其他解决方法吗？跨浏览器的互操作性并不重要，我只需要它在Webkit浏览器中即可工作。 问题答案： 编辑 ： 从技术上讲，有一种通过JavaScript直接更改CS
-
表单元素主要包括 label、input、textarea、select、datalist、keygen、progress、meter、output等，以及对表单元素进行分组的 fieldset 和 legend 元素。 根据功能的不同，input 元素又包括 text、password、radio、checkbod、file、submit、reset、search、tel、url、email、n
-
问题内容： 我具有以下功能，当触发该功能时，DIV将变为半透明。 但是，我希望此功能可同时应用于多个DIV。我尝试为每个DIV赋予相同的类名，然后使用，但不知道如何实现它。 会更合适，如果可以的话，我将如何实施呢？ 问题答案： 我将使用querySelectorAll选择它们并在它们上循环。 编辑：正如上面的评论所述，如果这些值不是动态的并且使用，则最好将这些值放在类中：
-
问题内容： 我有一个div的特定样式表。现在我想使用js动态修改div的一个属性。 我该怎么做？ 它是否正确？ 问题答案： 几乎是正确的。 由于是JavaScript操作符，因此您实际上不能在属性名称中使用它。如果您正在设置，或者类似的单字，您的代码就可以正常工作。 但是，对于任何带连字符的属性名称，您都需要记住的是，在javascript中，您删除了连字符，并使下一个字母变为大写，因此应为。 还
-
我试过了 从这个答案。我也试过 但它们不起作用。