css 通配符(*,#,.)

html-css030

css 通配符(*,#,.),第1张

这个也没有别的意思

#div_test #只代表这是一个ID选择器

。仅代表是一个类别选择器

#号后面的是元素的ID

。号后面的是元素类名

如果没# .这种标识符 那就不能区分div_test 是ID选择器,还是类别选择器

代码就无法执行,,,

这个学久了自然就能理解。。。。

刚开始学的时候,我也不理解

还有就是那个标签选择器,

为什么会叫标签选择器,而不叫元素选择器呢

那是因为标签名就是元素名

元素是一个整体的概念,元素名仅仅只代表元素的名称

p元素,它的名称就是p

<p>这是个标签,标签名就是P

标签是由元素名与<>组成

而元素是由开始标签与结束标签组成

*是通配符,,

表示所有

* { margin:0}

重置所有元素的边距

不可以这样写,你可以使用这样的一种方式:如果有几个元素共用相同的样式,你可以起一个通用的类,比如叫common,然后把这些样式写进common里

<style>

/* 通用样式 */

.md{}

/* 单独样式 */

.md1{}

.md2{}

.md3{}

.md4{}

</style>

<div class="md1 md"></div>

<div class="md2 md"></div>

<div class="md3 md"></div>

<div class="md4 md"></div>