CSS中易混淆的几个概念1

1、继承和层叠

继承是一个解决“共用”问题的概念，表现为“里面盒子”（子元素）继承了“外面盒子”（父元素）的特性，如字体样式、颜色等。要注意不能继承的属性：可以记忆为“有关盒子本身的属性（如盒子的边框、宽高）”不能继承，而“盒子里面的内容”就能够继承

2、“组合的标签选择器”和“组合的属性”

组合的标签选择器，如

h1 p span{ }

是放在单独的css文件里做“声明”用的；

而组合的属性，如

 <div class="classA classB classC"></div>

3、组合标签选择器细分：

分组的，这个最好理解，用逗号连接的全部标签具有相同的定义

h1,p,span{ }

嵌套的，用“空格”连接的，例如

h1 p span{ }

就表示在h1中的p中的span具有……属性

标签+class/id型，有的称之为“交集”型，如

h1.classA{ } h1#IDA{ }

特别注意中间没有空格，是连起来的。这种和嵌套的类似，但不同，他表示元素选择器为h1且同时声明为class=“classA”或者id=“IDA” 是使用的样式