Menu
CoddyTech

通用选择器

Coddy CSS 选择器 课程的第 6 课,共 15 课。

通用选择器是一种特殊的 CSS 选择器,可以选中网页上的所有元素。它用星号(*)表示。

例如,选择器 * 可以选中页面上的所有元素。

下面是一个使用通用选择器设置网页样式的示例:

* {
  color: red;
  font-size: 2em;
}

这条 CSS 规则会将页面上所有元素的颜色设为红色,并将字体大小设为 2em。

 

什么时候使用通用选择器?

如果你想为网页上的所有元素设置样式,可以使用通用选择器。例如,你可以使用通用选择器,将页面上所有元素的字体大小设为 16px。

你也可以使用通用选择器,为没有设置其他选择器的元素设置样式。例如,如果网页上有很多 div 元素,但你没有为它们设置任何类或 ID 属性,就可以使用通用选择器为所有 div 元素设置样式。

challenge icon

挑战

简单
  • 创建一个包含两个 div 元素的网页。
  • 不要为任何 div 元素添加 class 或 ID 属性。
  • 使用通用选择器为所有 div 元素设置红色和 80px 的字体大小。

亲手试试

<html>
<head>
  <title>Universal Selector Exercise</title>
  <style>
    /* CSS Code goes here */
  </style>
</head>
<body>
 
</body>
</html>

CSS 选择器中的所有课

自己练习: Web 在线编辑器