Question

让我们看看：

<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>

但这会使它有点复杂。我听说过：CSS中的第一个或另一个魔术（＆lt;）事物，有没有办法让它更优雅？

Answer 1

您可以使用jQuery将类添加到login_container div的第一个元素。

jQuery("div#login_container div:first").addClass("myClass");

Answer 2

您只需使用

即可

.login_container > div:first-child {}

这比jQuery更有效

Answer 3

您可以使用:first-child伪元素

在CSS中执行此操作

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

（要使:first-child在IE8及更早版本中工作，必须声明<!DOCTYPE>。）

或者像Lohn Smith一样使用jQuery：

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