CSS新手提问：能否匹配类与data-id定位元素并隐藏？

直接用类选择器+属性选择器的组合写法就能精准定位目标元素，再设置display: none就能把它隐藏：

.itemtile[data-id="ABC123"] {
    display: none;
}

写法说明： #

• .itemtile是类选择器，匹配所有带itemtile类的元素
• [data-id="ABC123"]是属性选择器，匹配所有data-id属性值为ABC123的元素
• 两者直接连写（不要加空格），表示同时满足这两个条件的同一个元素，刚好对应你要找的那个区块。

如果遇到现有样式权重更高导致隐藏不生效的情况，可以通过增加父选择器提升特异性，比如：

#itemgrid .itemtile[data-id="ABC123"] {
    display: none;
}

优先用提升选择器特异性的方式解决样式冲突，实在没办法再考虑用!important强制生效。

内容的提问来源于stack exchange，提问作者CM42