精通CSS(层叠样式单)语法请帮忙看看

    在Web设计中，CSS(Cascading Style Sheet)其实是很熟悉的东西，不过在看一些复杂网页的CSS时，常常被一些莫名其妙写法搞得比较郁闷。于是在Google上翻啊翻，翻了一堆CSS的手册来看也没有彻底搞明白是怎么回事 。下面总结一下，希望能作为一个快速参考来对付那些"怪异"的CSS。

    什么是"怪异"的CSS？比如这些：

< style >
.col, .col_wide
{}{
    border: 1px solid #ebf0fa;
}

.col_cap *, .mod_cap *
{}{
    cursor: move;
}

.col_head td, .col_head td a, .col_head td a:hover, .col_head td a:active
{}{
    background-color: #ebf0fa;
}

v\:*
{}{
    behavior:    url(#default#VML);
}

#cbs, #cts
{}{
    text-align : left;
}

.sg, .sg*, .ad, .ad*
{}{
    color : #888888
}

.cb2#cft, .cb2#cfb
{}{
    display : none
}

div#nstext
{}{
    top: 0px;
}
</ style >

    希望大家给于讲解并说说这么些用法有什么优点呢？