CSS中选择符为星号什么意思

html-css015

CSS中选择符为星号什么意思,第1张

星号选择器(*)表示选中所有的元素

* 选择器选取所有元素。

* 选择器也能选取另一个元素中的所有元素:

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便于观察。