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
著作权归作者所有，转载请联系作者获得授权，并标注“简书作者”。