如何正确使用CSS选择器
CSS(Cascading Style Sheets)选择器是一种用于选择HTML元素并为其应用样式的重要工具。正确使用CSS选择器可以使我们的网页样式更加精确和灵活。下面将详细介绍如何正确使用CSS选择器,并提供具体的代码示例。
一、基本选择器
- 元素选择器:通过选择HTML元素的标签名来应用样式。例如,要为所有的段落(p)元素设置字体颜色为红色:
p { color: red; }
- 类选择器:通过选择HTML元素的类名来应用样式。类选择器以英文句点(.)开头,后面跟着类名。例如,要为所有类名为“intro”的元素设置背景颜色为黄色:
.intro { background-color: yellow; }
- ID选择器:通过选择HTML元素的ID来应用样式。ID选择器以井号(#)开头,后面跟着ID名。例如,要为ID名为“logo”的元素设置宽度为200像素:
#logo { width: 200px; }