如何在CSS中select=“email”的标签？

码：

<label for="email">{t _your_email}:</label>

CSS：

 label { display: block; width: 156px; cursor: pointer; padding-right: 6px; padding-bottom: 1px; } 

我想为电子邮件标签创build一个新的CSS，因为它不是那么宽。

Answer 1

select器将是label[for=email] ，所以在CSS中：

 label[for=email] { /* ...definitions here... */ } 

…或使用DOM的JavaScript：

 var element = document.querySelector("label[for=email]"); 

…或在JavaScript中使用jQuery：

 var element = $("label[for=email]"); 

这是一个属性select器 。 请注意，某些浏览器（例如IE <8的版本）可能不支持属性select器，但最近的浏览器可以。 为了支持像IE6和IE7这样的老式浏览器，不得不使用一个类（或者其他的结构化方法）。

（我假设模板{t _your_email}将填入id="email"的字段，否则使用类。）

请注意，如果您select的属性的值不符合CSS标识符的规则（例如，如果其中包含空格或括号，或者以数字开头等），则需要引用值：

 label[for="field[]"] { /* ...definitions here... */ } 

它们可以是单引号或双引号 。