Как нацеливать предметы

Question

В настоящее время у меня есть основная таблица стилей, но я использую несколько страниц, поэтому я не хочу создавать несколько таблиц стилей, так как я использую PHP для ее вывода. Как я нацеливаюсь на определенные элементы, такие как текстовая область, например:

<div id="regform" class="
<label>Password:</label>
<input name="Password" placeholder="Password"></input>

Но CSS это:

input
{
height:100px;
width: 500px;
padding: 10px;
}

Это все работает прекрасно! Он создает внешний вид, который я хочу, но при этом все текстовые области изменяются таким образом, и это не то, чего я хочу, я хочу, чтобы только текстовые области в этом элементе div выглядели так, поскольку я часто использую текстовые области.

Резюме:

Как изменить внешний вид текстовых областей и элементов только в одном элементе div? Так что это не влияет на любую другую текстовую область.

Это редактирование! Это не сработало ПОЖАЛУЙСТА СМОТРИТЕ НА ЭТО! http://jsfiddle.net/wbyQL/1/

Answer 1

HTML:

<div id="regform" class="">
<label>Password:</label>
<input name="Password" placeholder="Password"></input>
</div>

CSS:

#regform input
{
height:100px;
width: 500px;
padding: 10px;
}

http://jsfiddle.net/wbyQL/3/

Answer 2

HTML

<div id="regform" class="x-div">
    <label>Password:</label>
    <input name="Password" placeholder="Password"></input>
</div>

CSS

.x-div input {
    height:100px;
    width: 500px;
    padding: 10px;
}

Answer 3

Используйте селекторы. В зависимости от того, хотите ли вы, чтобы THAT div или ANY div с текстовым вводом применяли к ним этот css:

HTML:

<div id="regform" class="
<label>Password:</label>
<input name="Password" placeholder="Password"></input>

CSS:

#regform input
{
height:100px;
width: 500px;
padding: 10px;
}

Если вы хотите, чтобы CSS подал заявку на input который находится в ЛЮБОМ div и не только этот:

div input
{
height:100px;
width: 500px;
padding: 10px;
}

Я бы порекомендовал читать селекторы CSS.

#bar div .foo {
 //css stuff
} 

В основном это означает: найти элемент с классом "foo", который находится где-то внутри элемента div, где этот элемент div находится где-то внутри элемента с id = "bar";