如何在CSS中为=“XYZ”选择标签？ – 开发百科-程序代码问答平台

HTML:

&lt；标签for=&quot；电邮&燃气轮机；{t_您的电子邮件}：&lt/标签&gt；

CSS:

标签{
显示：块；
宽度：156px；
光标：指针；
右边填充：6px；
垫底：1px；
}

我希望根据“for”属性选择标签以进行布局更改

选择器将是label[for=email]，因此在CSS中：

标签[用于=电子邮件]
{
/*…定义在这里*/
}

…或在使用DOM的JavaScript中：

var element=document.querySelector（“label[for=email]”）；

…或在使用jQuery的JavaScript中：

var元素=$（[label[for=email]）；

这是一个属性选择器。请注意，某些浏览器（例如IE&lt；8版本）可能不支持属性选择器，但最近的浏览器支持。遗憾的是，为了支持像IE6和IE7这样的旧浏览器，您必须使用类（或者其他结构化方式）

（我假设模板{t\u your\u email}将在字段中填充id=“email”。如果不是，请使用类代替。）

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

标签[for=“field[]”
{
/*…定义在这里*/
}

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