/* 示例代码 */ body { font-size: 16px; color: #333; } h1 { font-size: 30px; color: blue; } .classname { font-size: 20px; color: green; } #idname { font-size: 24px; color: red; }
上述代码是一个简单的CSS样式示例,其中使用了不同类型的选择器来调用样式。其中,第一个样式是针对整个页面设置的,第二个样式是针对h1标签设置的,第三个样式是针对具有相同类名的元素设置的,第四个样式是针对具有特定ID的元素设置的。
选择器的使用十分灵活,可以根据需要进行组合使用,例如可以使用后代选择器、伪类和属性选择器等。这些选择器在实际开发中可以用于实现更加复杂的样式调用,同时也有助于提高代码的复用性和维护性。
在实际开发中,大家可以通过将样式保存在单独的CSS文件中,并使用link标签将其引入HTML文件中来实现样式的统一管理。选择器的灵活使用也可以帮助大家实现更加美观的页面效果。