css3高级选择器等级 |css限制图片大小失效

/* ID选择器 */
#id {
/* 样式属性 */
}
/* 类选择器 */
.class {
/* 样式属性 */
}
/* 属性选择器 */
[attr=value] {
/* 样式属性 */
}
/* 伪类选择器 */
element:pseudo-class {
/* 样式属性 */
}

以上这些选择器在CSS2中就已经存在了，而CSS3则添加了更多的高级选择器等级：

/* 通用选择器 */
* {
/* 样式属性 */
}
/* 相邻兄弟选择器 */
A + B {
 /* 样式属性 */
}
/* 一般兄弟选择器 */
A ~ B {
 /* 样式属性 */
}
/* 属性值包含指定字符串的选择器 */
[attr*=value] {
/* 样式属性 */
}
/* 导航关系选择器 */
parent >child {
 /* 样式属性 */
}
/* 第一个子元素选择器 */
parent :first-child {
 /* 样式属性 */
}
/* 根元素选择器 */
:root {
 /* 样式属性 */
}

通过使用高级选择器等级，大家可以更好地定义一些具体的样式，从而减少了代码冗余以及提高网页加载速度。大家需要根据具体需求灵活使用高级选择器等级，以达到最佳效果。