星号选择器(*)表示选中所有的元素
* 选择器选取所有元素。
* 选择器也能选取另一个元素中的所有元素:
div *{background-color:green
}
上面的代码会将div下面的所有元素的背景色设置为绿色
注意:*选择器比较消耗性能,尽量避免使用,应使用更加精确的选择器选择元素
*就是通配符的意思就是所有的都继承他的属性!但是他的优先级是最低的如果下边有一个.a{ margin:5px}*的margin:0px就会被.a的 margin:5px替换但是如果.a{}*的margin:0px就会被.a的继承最后.a{ margin:0px }就会变成这个属性css中*号代表的是全部元素,如body,div等等都包括,padding的意思内边距,具体理解看图:
padidng-top的意思是:所有元素都具体上边移动30px;具体看下代码:
<html>
<head>
<style>
*{
padding-top:30px
}
.keepbj{ //通过class来设置
width:100px
height:50px
border:1px solid #f00
}
</head>
<body>
<div class='keepbj'>
</div>
</body>
</html>
给一个border便于观察。