css相同类型选择器 |css文件多大合适

p {
font-size: 16px;
color: #333;
}

上面这段代码就是一个经典的相同类型选择器，它选择了所有的p标签，并对它们定义了字体大小和颜色。

相同类型选择器的语法非常简单，以几乎所有HTML元素都可以作为选择器。例如：

h1 {
font-size: 30px;
color: red;
}
li {
font-size: 14px;
color: #555;
}

上面的代码包含了两个相同类型选择器，分别选择了所有的h1和li元素，并对它们定义了不同的字体大小和颜色。

需要注意的是，相同类型选择器的作用域是全局的。也就是说，如果你在页面中定义了一个相同类型选择器，并且在其中定义了一个原本没有样式的HTML元素，那么这个元素将会被应用相同类型选择器中的所有样式。

p {
font-size: 16px;
color: #333;
}
/* ... */
<article><p>这是一个段落。</p></article>

上面的代码中，article标签中的p元素会应用到前面定义的相同类型选择器中定义的样式。

最后需要提示的一点是，相同类型选择器是CSS中性能最高的选择器之一，因为它只需要匹配元素标签名即可，而无需考虑前面的任何选择器。因此，在编写CSS样式表时，推荐优先使用相同类型选择器来定义样式。