html - 在 DIV 内部定义 DIV 类的更优雅的方式

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>

但这会使它有点复杂。我听说 :first 或 CSS 中的其他魔法 ( < ) 东西，有没有办法让它更优雅？

score 2 · Accepted Answer

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

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

score 2 · Accepted Answer

2

你可以简单地使用

.login_container > div:first-child {}

这将比 jQuery 更有效

于 2012-08-13T13:54:25.930 回答

score 2 · Accepted Answer

你可以在 CSS 中使用:first-child伪元素来做到这一点：

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

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

或者像 Lohn Smith 用 jQuery 做的那样：

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

jsFiddle的一个简单示例

3 回答 3