样式元素按标记名称（属性）

Question

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

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

如何将div标记为“xpar”？

Answer 1

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

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

Here是Chris Coyier关于他们的更深入的文章

Answer 2

您可以使用attribute selector来设置元素的样式：

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

Answer 3

具有xpar属性的样式元素，其值为＆＃34; karp＆＃34;：

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

具有xpar属性的样式元素：

div[xpar] { ... }

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