CSS选择符

/*伪对象选择符*/
.main:first-letter{float:left;color:blue;font-size:3em;font-weight:bold}
.main:first-line{color:red;font:bold 1.5em 黑体,宋体}
/*子对象选择符*/
.te >#ll {
    font-size:100px;
}
/*相邻选择符*/
span+p{
    color:red;
}
/*相邻选择符*/
.one + .two{
    color:blue;
}

/*属性选择符*/
/*属性存在*/
.d[id]{
    color:red;
    font-size=20px;
}
/*精确匹配*/
.dd[id="123"]{
    color:blue;
}
/* 前缀匹配*/
.dddd[id^="123"] {
    color:red;
}
/* 后缀匹配*/
.dddd[id$="123"] {
    color:blue;
}
/*子串匹配*/
.sec[id*="3333"] {
    color:yellow;
}
/* 连接字符匹配 eg：本例中的33 ，只有 id=33或者id=33-内容 会匹配*/
.third[id|="33"]{
    font-size:50px;
}
/*空白符匹配*/
.forth[id~="cat"]{
    color:green;
}