body和universal之间的css冲突

问题描述 投票:0回答:1

在下面的CSS中,主体选择器优先于通用选择器。

    * {
    color: rgba(255, 3, 3, 0.966);
    }
    body {
    color: rgb(103, 231, 18);
    font-family: sans-serif;
    }

但是当我像这样加载简单的 HTML 时:

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="UTF-8" />
    <link href="style.css" rel="stylesheet" />
    <title>BLOG</title>
    </head>
    <body>
    <h2>BLOG</h2>
    <a href="index.html">Back to home</a>
    </body>
    </html>

将应用通用选择器。这是为什么?

我清除了浏览器缓存,并在其他浏览器中尝试过,但没有成功。 当我指定如下所示的标签时,它可以正常工作

    body h2,a {
    color: rgb(103, 231, 18);
    font-family: sans-serif;
}

html css css-selectors
1个回答
0
投票

通用选择器适用于所有元素,包括您正在使用的

h2
a
body
选择器仅对其选择的元素具有优先级。

© www.soinside.com 2019 - 2024. All rights reserved.