前端开发：CSS的“*”“#”“.”符号的对比使用

前言

      在前端开发过程中，CSS是前端的三驾马车之一，关于CSS的使用也是非常重要的环节，可能有人觉得在前端学习或开发中最容易的就是关于CSS的，但是要想精通使用CSS也不是一件容易的事情，也就是看着简单要想完美使用难，所以CSS的使用也是不容忽视的。本篇博文来分享一个关于CSS的符号相关内容，关于它的使用也是比较常用的，常用的有：“*”、“#”、“.”等符号，所以在前端项目开发中经常会用到该功能，总结一下，方便查阅使用。

一、“*”

定义和用法

       “*”号是CSS里面的通配符，表示的意思就是所有的标签都具有的属性，且所有的标签都遵循的统一样式。 “*”号的另外一种用法就是在CSS中处理浏览器兼容性的hack技术，比如* IE6浏览器可以读取，但是其他浏览器却不能读取。

      注意：“*”号通配符是选择所有元素；也可以选择另一个元素内的所有元素。

示例

这里举几个示例来介绍一下“*”号通配符的用法，具体示例如下所示：

示例一：选择<div>元素中所有元素

div * {

background-color:red;

font-size: 24px;

}

示例二：设置IE6浏览器中margin值为10px，其他浏览器中值为20px

{

margin:20px;

*margin:10px;

}

示例三：设置当前页面中所有文字默认大小为24px

*{
font-size:24