html 学习(css class选择器)

http://www.jianshu.com/p/802afaab545b

一般情况下，css 根据class修改标签，js根据id修改标签。

.A.B.C 与 .A .B .C 与 .A,.B,.C的区别(ABC分别为标签的class name)

• .A.B.C 指同时包含三个class的标签
• .A .B .C 指在class 为A 的标签下的class 为B的标签下的class为C的标签。(即：按照class 依次向下寻找)
• .A,.B,.C 指标签为.A或.B或.C的所有标签（或关系） 例如： <a href="#" class="one two three"> title one </a> </br> <a href="#" class="one two"> title two</a> 以下css 修改了包含class one ， class three的所有标签， 也就是说title one，title two都会被修改 .one,.three{ background-color: red; } 以下css修改了同时包含class one， class three的所有标签，即title one被修改，而title two 没有变化 .one.three{ background-color: red; } 以下css修改了 class 为one下的class为three的标签， 也就是说title one， title two 都没有被修改 .one .three{ background-color: red; }

文／某个胖子（简书作者） 原文链接：http://www.jianshu.com/p/802afaab545b 著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。