CSS中的四种选择器

CSS中四种不同的选择器：

1、类选择器，又叫class选择器

2、id选择器

3、html元素选择器

4、通配符选择器

selector.css

/*class选择器*/

.s1{

background-color:pink;

font-weight:bold;

font-size:16px;

color:black;

}

/*id选择器*/

#id1{

background-color:silver;

font-size:40px;

color:black;

}

/*html选择器，使网页字体颜色默认为橙色*/

body{

color:orange;

}

显示效果：

/*通配符选择器*/

*{

margin-top:40px;

margin-left:0px;

/*

margin:10px 30px 40px 1px;

如果提供全部四个参数值，将按照上、右、下、左的顺序作用于四边

如果只提供一个，将作用于全部的四边

如果提供两个，第一个作用于上下，第二个作用于左右

如果提供三个，第一个作用于上，第二个作用于左右，第三个作用于下

*/

}

四种选择器的优先级：

id选择器>class选择器>html选择器>通配符选择器