全局选择器有哪些应用场景?
时间:2023-11-01 12:02:41
全局选择器是CSS中常用的一种选择器,可以直接作用于页面上的所有元素。本文将介绍几种常用的全局选择器。
1. 通用选择器
通用选择器由一个星号(*)表示,可以匹配页面上的所有元素。例如,使用* { color: red; }
可以将所有元素的文字颜色都设为红色。
2. 元素选择器
元素选择器可以选择指定类型的元素。例如,使用p { font-size: 16px; }
可以将所有<p>元素的字体大小设为16像素。
3. 类选择器
类选择器以一个点(.)开头,后面跟着类名。例如,使用.highlight { background-color: yellow; }
可以将具有类名为highlight的元素的背景颜色设为黄色。
4. ID选择器
ID选择器以一个井号(#)开头,后面跟着ID名。例如,使用#header { font-weight: bold; }
可以将ID为header的元素的字体加粗。
5. 伪类选择器
伪类选择器用于选择元素的特定状态。例如,使用a:hover { color: blue; }
可以将鼠标悬停在链接上时的颜色设为蓝色。
总结
本文介绍了几种常用的全局选择器,包括通用选择器、元素选择器、类选择器、ID选择器和伪类选择器。在实际开发中,根据需求选择合适的全局选择器可以提高CSS的效率和灵活性。