CSS中的标点符号

1、>(大于号) ：css中的">"表明class样式只作用于子级元素，对于子级再往下的元素则忽略不计，比如孙级的元素就会被忽略。

  例如：

          <div>

<p>
<span>数学</span>
</p>
<span>语文</span>
<span>体育</span>
</div>
如果加了

div > span {
font:10px;
color:blue;
}
则说明这个样式只作用到了第二个和第三个span标签，而第一个则不起作用，因为它被包含在了p标签里面。

2、#main和.main有什么区别: 

  #main 定义的是ID为"main"这个元素的样式 .main 的意思是新建一个名为"main"的样式 #main 只能定义ID为"main"这个元素的样式  .main 一但定义以后,可以让其他的元素来调用,方法为class="main" 

3、单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素

4、空格

<li class="nav_item t_home current"><a href=" http://www.gaga.net/" ; οnfοcus="this.blur()">首页</a></li>

在 CSS 中定义了 nav_item、t_home、current 这三个样式，用空格分开表示对这个li元素同时应用这三个样式

5、CSS中的空格与非空格

<style type="text/css">

        td .a  指明了tb元素中的所有class="a"的，不管里面嵌套了多少级别

        {

            color: #006600;

        }

        td.b  指明了class="b"的tb元素

        {

            color: #FF0000;

        }

    </style>

    这是我的body元素里的代码：

    <table>

        <tr>

            <td class="b">

                <div>

                    <ul class="a">

                        <li>这里是标签"li"</li>

                    </ul>

                </div>

            </td>

        </tr>

    </table>

一：#a,b{…………｝ 

二：#a b{…………｝

三：#a:b{…………｝

四：#a.b{…………｝

五：#a .b.c

一、一个id叫a和一个标签是b的样式 二、一个id叫a下面的一个标签是b的样式 三、一个id叫a的 伪类 b，好像也没见过 四、一个id叫a的下面的class叫b的样式

五、一个id叫a的下面的class b后面紧邻的class c

6、#main .classA.classB  //同级多个class时 

{

  color:#fff;

}  

<div id="main">

<div class="classA ClassB"></div>

</div>