Html 更优雅的定义DIV类的方法,在DIV内部

Html 更优雅的定义DIV类的方法,在DIV内部,html,css,Html,Css,让我们看看这个: <div class="login_container"> <div>Log in:</div> <div>Username:</div> <div>Jelszó:</div> </div> 我希望登录文本有另一个类。通常,我会这样做: <div class="login_container"> <div class="textCenter log

让我们看看这个:

<div class="login_container">
  <div>Log in:</div>
  <div>Username:</div>
  <div>Jelszó:</div>
</div>
我希望登录文本有另一个类。通常,我会这样做:

<div class="login_container">
  <div class="textCenter login_container_title">Log in:</div>
  <div>Username:</div>
  <div>Jelszó:</div>
</div>

但这会让事情变得有点复杂。我听说:第一个或另一个神奇的您可以使用jQuery将类添加到login\u container div的第一个元素中

jQuery("div#login_container div:first").addClass("myClass");
你可以简单地使用

.login_container > div:first-child {}
这将比jQuery更有效,您可以在CSS中使用:first-child pseudo-element:

.login_container > div:first-child {color:#f00}

对于:第一个在IE8或更早版本中工作的孩子,必须声明a

或者像Lohn Smith使用jQuery那样:

$('.login_container div:first').addClass('highlight');​

一个简单的

它取决于您为什么需要额外的类。这看起来没问题。有没有办法提到第二,第三。。。元素?要在IE8及更早版本中工作,必须声明a抱歉什么?这个:?我使用HTML 5是的,你是对的!换成。这是valide HTML5 doctype。。。