CSS选择器

这篇文章介绍标签选择器，类选择器，通配符选择器。id选择器在这个专栏的另一文章

一，标签选择器：选择器的名字代表html页面上的标签

标签选择器，选择的是页面上所以这种类型的标签，所以经常描述一种共性，无法描述某一个元素的个性。

例如

p{
    font-size:14px;
}

也就是说，所有<p>标签中的内容都将显示14号字体。

值得注意的是：

1. 所有的标签，都可以是选择器，例如ul, li, label, dt, dl, input。
2. 无论这个标签藏的多深，一定可以被选择上
3. 选择的是所有，而不是一个

   ---

类选择器

类选择器使用“.”（英文点号）进行标识，后面紧跟类名，其基本语法格式如下：

.类名{
    属性1： 属性值1；
    属性2： 属性值2；
}

 标签调用的时候用 class=“类名”  即可。

<p class="类名">这是一个段落。</p>

类选择器最大的优势是可以为元素对象定义单独或相同的样式。 可以选择一个或者多个标签

---

通配符选择器

作用：查找页面所有标签，设置相同的样式

通配符选择器：*，不需要调用，浏览器自动查找页面所有标签，设置相同的样式

不建议使用，IE有些版本不支持，大网站增加客户端负担。效率不高，如果页面上的标签越多，效率越低，所以页面上不能出现这个选择器

例如：

*{
    margin-left: 0px;
    margin-top: 0px;
}

手写一下吧

附上GitHub大佬链接

Web/02-CSS基础 at master · qianguyihao/Web · GitHub