代码之家 › 专栏 › 技术社区 › LittleBobbyTables

标签+输入相邻CSS选择器不工作

css-selectors css

0

LittleBobbyTables · 技术社区 · 7 年前

我可以让一个p+p相邻的选择器工作,但不是label+input。为什么会这样?

p+p {
  color: red;
  /* Works fine! */
}

label+input {
    background-color: red;
  /* Doesn't work */
}

<p>Test</p>
<p>Test</p>
<br>
<label>Test</label><input type='checkbox'>

1 回复 | 直到 7 年前

1

Anand 7 年前

不,事实上它是工作,但你没有使用正确的财产

label+input {
    background-color: red;
  /* Doesn't work */
}

在这段代码中你试图给出 background-color: red; 到 checkbox background-color 例如,如果您要尝试以下方法:

input {
        background-color: red;
    }

这也行不通。

label+input {
        height:70px;
    }

我希望你明白我的意思。如果没有请尽管问。