如何在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,因为它不是那么宽。

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... */ } 

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