css的选择器

/*class选择器*/
.s1 {
    width:100;
    a:link img{
        filter:gray;
    }
    a:hover img{
        filter:"";
    }
}
/*id选择器的使用*/
#id1 {
    background-color:gray;
    font-size:20px;

}
/*html选择器
*body表示html中的元素
*/
body {
    color:orange;
}

a:link {
    color:black;
    text-decoration:none;
    font-size:24px;

}
a:hover {
    color:green;
    text-decoration:underline;
    font-size:40px;
}
a:visited {
    /*color:red;*/
}

p.cls1 {
    color:blue;
    font-size:30px;
}
p.cls2 {
    /*color:red;*/
    font-size:20px;
}

/*为了避免重复，可以将重复的属性统一归为一类
*/
a:visited, p.cls2 {
    color:red;
}

/*通配符选择器*/
* {
    margin-top:0px;
    margin-left:0px;
}
/*父子选择器**/
#id1 span {
    color:red;
    font-style:italic;
}

#id1 span span {
    color:green;
    font-style:bold;
}