attributes - 按标签名称（属性）的样式元素

Question

使用 css，如何使用其属性（标签名称）设置元素的样式。例如，我有一个元素

<div xpar="karp">
blabla
</div>

如何用它的标记名“xpar”瞄准那个div？

score 2 · Accepted Answer

您正在寻找的功能称为属性选择器 ( doc )，它们的工作方式如下：

/* All divs with a "xpar" attribute that equals "karp" are bold */
div[xpar=karp] {font-weight:bold;}

这是 Chris Coyier 撰写的关于它们的更深入的文章

score 1 · Accepted Answer

1

您将使用属性选择器来设置元素的样式：

div[xpar=karp] {
    // some style
}

于 2013-11-07T21:32:38.087 回答

score 0 · Accepted Answer

具有值为“karp”的 xpar 属性的样式元素：

div[xpar="karp"] { ... }

具有 xpar 属性的样式元素：

div[xpar] { ... }

本文将为您提供更多关于属性选择器的信息，包括 *=、$= 等： http ://css-tricks.com/attribute-selectors/

3 回答 3