[CSS]基础选择器

基础选择器包括：标签选择器、class选择器、id选择器、通配符选择器。

 

标签选择器：

写上标签名即可。

优点：快速为同一类标签更改样式。

p { }
h2 { }
div { }

 

class选择器：

可以被多个标签使用（与标签：多对多关系）。

一个标签库有使用多个优点，但需要使用空格隔开。

如果引用的多个类中有属性冲突，则按照在<style>标签或.css文件中新值覆盖旧值展示最后一个属性值。

优点：体现封装思想，提高代码复用率。

.classname { }
<xxx class="classname" ></xxx>

 

id选择器：

 只允许使用一次（与标签：一对一关系）。

id常与java script搭配使用。

多个标签调用同一个id，不报错，可显示样式，但不规范。实际开发中不允许使用。

#idcode { }
<xxx id="idcode"></xxx>

 

通配符选择器：

选取页面中所有标签，优先级较低。

* { }

 

以下表格摘自黑马程序员网课教程：