как взять поле слева в поле ввода

Question

Предположим, чтобы иметь:

<div class="home">
<input type="checkbox"/>....
</div>

Мне нужно вставить margin-left:3px в флажок.Мой код CSS:

.home+input[type=checkbox]{
margin-left:3px;
}

Любой может помочь мне ^

Answer 1

.home input[type="checkbox"]{
margin-left:3px;
}

<div class="home">
<input type="checkbox"/>....
</div>

Вам действительно не нужен плюс ... если только у вас нет особой потребности, и вам нужны кавычки около checkbox ..!

Answer 2

Оба других ответа работают, но ни один из них не является точным.

Хотя я, как правило, рекомендую ставить кавычки вокруг селекторов атрибутов [type="checkbox"], он будет работать отлично без кавычек[type=checkbox].Кавычки необходимы, только если вы включаете специальные символы.

Причина, по которой ваш код не работал, состояла в том, что + в вашем селекторе соответствует братьям и сестрам .

.home+input[type=checkbox]{} будет соответствовать элементу ввода с типомфлажок, который устанавливается сразу после элемента с классом home.

<div class="home">....</div>
<input type="checkbox"/>....

Поскольку ваш входной элемент вложен в .home, вы не будете использовать селектор брата +

Вот почему этот код сделает свое дело:

.home input[type=checkbox]{
margin-left:3px;
}

<div class="home">
<input type="checkbox"/>....
</div>

Answer 3

У вас это почти получилось, вам просто нужно заключить флажок в кавычки input[type="checkbox"]

input[type="checkbox"] 
  {
    margin-left:10px;
  }

<div class="home">
<input type="checkbox"/>
</div>