18、CSS样式应用全解析

CSS样式应用全解析

1. CSS样式应用基础

在编写代码时，合理应用CSS样式能避免元素代码的杂乱，减少人为错误，还能节省编写和修改代码的时间。当应用特定字体时，如果页面未显示该字体，可能是电脑上没有该字体，需要从如https://fonts.google.com 这样的网站下载并安装。

样式可以应用于多个类，以下是四种根据应用位置指定选择器的方式：
| 选择器 | 应用范围 |
| — | — |
| .renaissance {property:value ;} | 应用于 class="renaissance" 的任何元素 |
| ul.renaissance {property:value ;} | 仅应用于 renaissance 类中的 ul 类型元素 |
| .renaissance.top {property:value ;} | 应用于同时属于 renaissance 和 top 类的所有元素 |
| .renaissance .top {property:value ;} | 应用于属于 renaissance 或 top 类的所有元素 |

注意 .renaissance.top 和 .renaissance .top