按标记名称(属性)设置元素样式

Question

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

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

如何用标签名称"XPAR"瞄准该div？

Answer 1

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

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

这是克里斯·科耶尔（Chris Coyier）关于它们的更深入的文章

Answer 2

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

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

Answer 3

带有 xpar 属性且值为 "karp" 的样式元素：

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

具有 xpar 属性的样式元素：

div[xpar] { ... }

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