p { color: red; font-size: 20px; }
如上述代码所示,大家使用了元素选择器来选择所有的p标签,并为它们设置了红色文字和20像素的字体大小。这意味着,无论页面中有多少个p标签,它们都会受到这个样式声明的影响。
虽然元素选择器看起来非常简单,但它却有着广泛的应用。例如,大家可以使用元素选择器来设置网页中所有表格的样式:
table { border-collapse: collapse; width: 100%; } td, th { border: 1px solid #ccc; padding: 10px; }
通过以上代码,大家为网页中所有的表格设置了边框合并,使用了100%的宽度,并且为表格中的每个单元格设置了1像素的实线边框和10像素的内边距。
除此之外,元素选择器还可以与其他选择器一同使用,进一步增强其选择性。例如,大家可以使用后代选择器来选择某个元素下的所有p标签:
div p { font-size: 18px; }
上述代码中,大家使用了后代选择器来选择所有在div元素下的p标签,并为它们设置了18像素的字体大小。
总体而言,元素选择器是CSS中非常重要的一种选择方式,它不仅能够为网页中的元素设置样式,还能够实现复杂的选择操作。相信在你的网页设计中,元素选择器也会成为你的得力助手。