css - CSS 解析错误 'div.*{' 中的类通配符

Question

我注意到我的 div 中有很多重复的代码，有些人:

* {
    padding: 0;
    border: 0;
    margin: 0;
}

这会影响所有元素，包括标题和段落，所以我尝试了:

div.* {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}

它工作不正常，在 w3c 验证器中显示为解析错误。

类的正确通配符是什么？

Answer 1

您是否正在尝试匹配任何具有类的 div 元素，无论该类是什么？

如果是这样，使用属性选择器:

div[class] {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}

或者您只是在寻找任何 div 元素？

然后简单地使用div:

div {
    position: relative;
    padding: 0;
    border: 0;
    margin: 0;
}