/* 标签选择器 */ p { color: red; }
标签选择器(Tag Selector)就是通过对HTML标签名称的选择来设置样式。上述代码中,所有的p标签文本颜色都将变为红色。
/* 类选择器 */ .class1 { font-weight: bold; }
类选择器(Class Selector)通过HTML标签中的class属性来选择元素。上述代码中选择了class属性为class1的所有元素,并将其字体加粗。
/* ID选择器 */ #id1 { font-size: 20px; }
ID选择器(ID Selector)通过HTML标签中的id属性来选择元素。上述代码中选择了id属性为id1的元素,并将其字体大小设为20像素。
/* 通配符选择器 */ * { margin: 0; padding: 0; }
通配符选择器(Universal Selector)用于选中页面中的所有元素。上述代码中,所有元素的外边距和内边距都被设为0。