1. 元素选择器 元素选择器是CSS中最基本的选择器,它可以选中HTML中的所有相同元素。比如大家要为网页中所有的段落设置一个默认的字体大小,可以使用如下的代码: p { font-size: 16px; }
2. 类选择器
类选择器允许大家通过给HTML元素添加class属性,然后选择所有拥有特定class名字的元素来设置样式。比如大家在文本中需要高亮显示某些字,可以通过如下代码: .highlight { color: red; }
3. ID选择器
ID选择器允许大家通过给HTML元素添加id属性,选择该元素来设置样式。一个ID名字在整个HTML文档中必须是唯一的。比如大家要设置一个导航栏区域的样式,可以使用如下代码: #navigation { background-color: #333; color: white; }
4. 后代选择器
后代选择器可以根据HTML元素的父子关系来选择元素。比如大家要为某个div下的所有段落设置字体颜色,可以使用如下代码: div p { color: #666; }
5. 相邻兄弟选择器
相邻兄弟选择器是选择姐妹元素中的第一个元素的CSS选择器。比如大家要为每个标题元素后面的第一个段落设置样式,可以使用如下代码: h2 + p { text-indent: 2em; }
在实际的网页制作中,不同的需求需要不同的选择器来实现,掌握这些基本的选择器可以使大家更加灵活地运用CSS来实现自己的设计呈现。