各种CSS声明之间的区别

Question

以下css样式描述符有什么区别？

    1>.foo .bar ???    
    {
      font-size:50%;
      ...
    }

    2>.foo.bar ???    
    {
      font-size:50%;
      ...
    }

    3>.foo,.bar ???    
    {
      font-size:50%;
      ...
    }

从我已经找到的内容::

1＆GT;是AND操作，意味着具有两个css类的元素将遵守此规则。

2 - ; 没有想法如果这与1不同。

3＆gt;是OR操作，具有任何一个css类的元素。

请帮助澄清。

Answer 1

1. .foo .bar - 选择.bar元素中的所有.foo元素
2. .foo.bar - （AND）选择具有两个类
的元素
3. .foo，.bar - （或）选择所有.foo元素和所有.bar 元素