css模块化设计――从空格谈起

      1、第一个类b的类路径是td .b，定义该html文档内所有的td标签内的带class="b"的标签的样式 。


      定义的是<td><div class="b">text</div></td>这组代码块中的b类，class="b"是包含在td标签内的，是td的子级，所以在这里要用“空格”指向明确表明父子级别关系。

      3、第三个类b的类路径是 .b，定义该html文档内所有的td标签的样式，它是该文档的一个全局样式，是body .b的简写。


      定义了<td class="b">第三个类b的类路径是td.b</th>和<div class="b">第三个类b的类路径是 .b</div>这两处的b类没有明确的路径指向，优先级别要比有明确路径的低。

      二、html中复合调用样式类

      （1）在一个html标签内，可以复合调用多个样式类，也是用空格做运算符，复合类名总字符不能超过256。

      （2）示例：


      （3）应用：

      对于某些多数样式属性累同，仅有几个不同样式属性的定义，可以用这个方法来缩写。也可以在某个不改变某个通用样式类的同时，用html调用复合类，突出局部特例。

      （1）举个简单例子：

      .classnamea .classnameb .classnamec 

      就是一个类包路径,a包含b,b包含c. 意思就是,在a块内的全部html代码(包括b块、c块),先应用样式classnamea； 然后，在b块内的全部html代码(包括c块),先应用样式classnamea，之后再先应用样式classnameb； 最后，在c块内的全部html代码,先应用样式classnamea，再先应用样式classnameb,最后应用样式classnameb；