常用css选择器有3种:标签选择器,类选择器,和id选择器
第1部分 html,body,h1.....这些属于标签选择器,就是所有提到的标签都遵从该选择器定义的样式,这行主要是做css reset,清除各标签的默认样式,防止浏览器默认值不同导致兼容性问题。
第2部分是css3新特性@keyframes,用于创建动画的
第3部分以下是类选择器,就是针对 class="类名"定义的样式,类选择器写法: .类名
写子元素的css 时嵌套父层的class在能限制样式的作用范围。
<div class="a"><div class="b">文字</div></div><div class="b">文字</div>
比如上面的代码,如果css写成:.b { color:red} 那么,两行代码中的文字都会变成红色。
第一行class=b元素是有父元素的。如果css代码写成:.a .b { color:red} 第一行代码中的文字会变成红色,第二行中的却不会变色。