简介CSS中的各种选择符

类型，类和ID选择器

    带有空格的字体名称要用”引起来
    对选择器分组可使同一规则适用于多个选择器，例子如下

CSS Code复制内容到剪贴板

th,td {   
    padding:0 10px 00;   
}  

    选项的优先级

CSS Code复制内容到剪贴板

h1 {   
    font-family:’Times New Roman’,serif;   
}   
//先选用前者，没有前者，再使用后者  

    类型名与类名中间不应有空格 div.btn-success
    通用选择器*，适用于文档所有元素

CSS Code复制内容到剪贴板

* {   
    font-family:Arial;   
}  

    后代选择器

CSS Code复制内容到剪贴板

div.planet table td {   
    padding:0 10px 0 0;   
}   
//是类为planet的div元素的后代table的后代的td样式  

    万万牢记，上下文选择符以空格作为分隔符，而分组选择符则以逗号作为分隔符，不要弄混。
    子选择符>

CSS Code复制内容到剪贴板

section > p{   
    font-style:Italic;   
}   
//section的子元素p  

    同胞选择符～和+

section ~ p {
    font-style:Italic;
}
//p在section后面就行
section + p {font-style:Italic;}
//p必须紧跟section

    非子选择符

CSS Code复制内容到剪贴板

selection * a {   
    ***;   
}   
//所有是selection元素孙子的a元素  

    ID选择器

属性选择器

    标签名[属性="属性值"]

CSS Code复制内容到剪贴板

img[title="hh jj"]{…}  

伪类选择器：动态事件，状态改变

CSS Code复制内容到剪贴板

a:visited {   
    color:mangenta;   
}  

//被访问过的链接

UI伪类
链接伪类

    Link。此时，链接就在那儿等着用户点击。
    Visited。用户此前点击过这个链接。
    Hover。鼠标指针正悬停在链接上。
    Active。链接正在被点击（鼠标在元素上按下，还没有释放）。