[分享]css元素选择器不包括

CSS元素选择器是CSS中最基本的一种选择器，它通过元素的标签名匹配对应的HTML元素。但是，CSS元素选择器也有一些不包括的元素，下面就来介绍一下。/ 不包括的元素 / area base br c...

CSS元素选择器是CSS中最基本的一种选择器，它通过元素的标签名匹配对应的HTML元素。但是，CSS元素选择器也有一些不包括的元素，下面就来介绍一下。

/* 不包括的元素 */

area
base
br
col
embed
hr
img
input
keygen
link
meta
param
source
track
wbr 

上述标签都是自闭合标签，它们无法嵌套任何东西，因此它们本身不能被影响。对于这些标签，CSS元素选择器是无效的。

当然，如果这些标签包含在外层容器元素中，那么它们可以被一个通配符选择器(*)选中。例如：

div * {
    color: red;
} 

这样就可以将所有div容器内的元素字体颜色变为红色，包括其中的img、input等标签。

另外，还有一些标签虽然是可以被CSS元素选择器选中，但是由于其本身的特性，可能无法对其应用某些属性。例如：

input[type="file"] {
    /* 该属性在大多数浏览器中无效 */
    background-color: #ccc;
} 

这是因为文件上传表单的样式在不同浏览器中是不一样的，而这一属性恰好是在某些浏览器中无效。

CSS元素选择器虽然简单易用，但是在实际的开发中需要搭配其他选择器和技术才能发挥出其最大的作用。我们需要了解各种选择器的特点和应用场景，才能在优化代码和提高开发效率方面发挥巨大的作用。