通用选择器用*来表示，用来选择所有元素，，也可以选择某个元素下的所有元素；
*{marigin: 0; padding: 0; font-size: 14px;
}
上面代码大家在reset样式文件中看到的肯定不少，他所表示的是，所有元素的margin和padding都设置为0，字体大小都设置为14px,另外一种就是选择某个元素下的所有元素：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>通配符选择器</title> <style> .demo * { width: 50px; height: 50px; border:1px solid blue; margin: 10px;
} </style> </head> <body> <div class="demo"> <div>1</div> <p>2</p> <span>3</span> </div> </body> </html>
效果图：
我们可以看到在demo元素里的三个子元素div，p，span都是分别没有设置css样式的，但只要我们设置了demo元素下的所有元素的统一样式，那么demo元素里的三个子元素div，p，span就会出现样式。
对了，在这里说一下，我目前是在职web前端开发，如果你现在正在学习前端，了解前端，渴望成为一名合格的web前端开发工程师，在入门学习前端的过程当中有遇见任何关于学习方法，学习路线，学习效率等方面的问题，都可以随时关注并私信我：前端，我都会根据大家的问题给出针对性的建议，缺乏基础入门的视频教程也可以直接来找我，我这边有最新的web前端基础精讲视频教程， 还有我做web前端技术这段时间整理的一些学习手册，面试题，开发工具，PDF文档书籍教程，都可以直接分享给大家。
如果您觉得本文的内容对您的学习有所帮助：
关键字：
css