在下面的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;
}
通用选择器适用于所有元素,包括您正在使用的
h2
和 a
。 body
选择器仅对其选择的元素具有优先级。