对于li class属性，CSS显示无

Question

我有html： <li class="widget" data-id="blockid123test">

我如何只显示此数据ID？因为我有很多。我试过了：

#sidebar li:not([data-id='blockid123test']) {
    display: none;  
}

此代码正常，但它隐藏了li类中的所有其他.widget类。如何解决这个问题？感谢

Answer 1

试试这个：

#sidebar li.widget:not([data-id="blockid123test"]) {
    display: none;  
}

Answer 2

仅匹配与该选择器匹配的元素，但也是widget类的成员...只需添加一个类选择器。

#sidebar li:not([data-id='blockid123test']).widget 

Answer 3

你必须在css中访问你的类才能这样做我们添加一个类选择器：

#sidebar li:not([data-id='blockid123test']).widget {
    display: none;  
}

Answer 4

您可以将css用作

li:not([data-id='blockid123test']) {
    display: none;  
}