如何定位项目

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

使用选择器。根据您是否想该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 =“巴”的元素的内部某处的内某处的元素;