样式div（带特定标签），没有类或id

Question

我喜欢这个div，它没有ID或CLASS属性：

<div data-placement="kolp">
blabla
</div>

我如何在CSS中定位？也许需要一些javascript帮助？

Answer 1

你可以试试这个：

.container > div {
 /* targets your div if it's a direct child of container */
}

.container div {
 /* targets any div that is inside container */
}

div[data-placement=kolp] {
  /* targets any div with the attribute data-placement=kolp */
}

在这里摆弄：http://jsfiddle.net/JUP87/

Answer 2

您可以使用属性选择器：

div[data-placement] {
    /* selects all div elements with the 'data-placement' attribute */
}

/* or */

div[data-placement="kolp"] {
    /* selects all div elements with the 'data-placement' attribute which is equal to 'kolp' */
}

JS Fiddle demo

参考文献：

• CSS Selectors, Level 3。