我正在使用带有自定义 HTML5 属性的 bootstrap LIKE 下拉菜单,data-
其前缀是从 开始的值#
,现在由于某种原因我无法更改它。
这是脚本链接(就像这样<a href="#" data-dropdown="#dropdown-1">dropdown</a>
)
现在的问题是使用 PHP 使用动态方法,因此元素的子元素经常更改,所以我没有使用nth-child
这么想的使用attribute-value
选择器,但 CSS 不接受 if value contains #
。有什么解决方法吗?
<div data-demo="works">This works</div>
<br />
<div data-demo="#doesnt_works">This fails</div>
CSS
div[data-demo=works] {
color: red;
}
div[data-demo=#doesnt_works] {
color: green;
}