css嵌套出现红线

html-css010

css嵌套出现红线,第1张

这是css选择器，顾名思义，就是根据选择器来选择对应的元素然后添加对应的样式。

常用css选择器有3种：标签选择器，类选择器，和id选择器

第1部分 html,body,h1.....这些属于标签选择器，就是所有提到的标签都遵从该选择器定义的样式，这行主要是做css reset,清除各标签的默认样式，防止浏览器默认值不同导致兼容性问题。

第2部分是css3新特性@keyframes,用于创建动画的

第3部分以下是类选择器，就是针对 class="类名"定义的样式，类选择器写法： .类名

都可以用，好像是后者优先级高，这个不太确定，如果优先级高的话，用前者很难去覆盖后者的属性，需要!important调整优先级。

如果优先级相同，会按从上倒下的顺序读css，也就是说写在下面的css会覆盖掉上面相同属性的css类。