css - 样式 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 小提琴演示。

参考：

• CSS 选择器，第 3 级。