本篇文章带大家了解一下CSS的三种基本选择器:元素选择器、类选择器、id选择器,并聊聊这三种选择器优先级,希望对大家有所帮助!
CSS 选择器用于“查找”(或选取)要设置样式的 HTML 元素。【推荐学习:css视频教程】
基本选择器
选择器名称 | 举例 | 描述 |
---|---|---|
元素选择器 | p {color:red;} | 选择所有<p>元素。 |
类选择器 | .mystyle {color:red;} | 选择所有class='mystyle’的标签元素 |
id选择器 | #myid {color:red;} | 选择所有id="myid"的标签元素 |
全局选择器|* {color:red;}|选择该页面中所有的HTML元素
1、元素选择器
根据元素名称来选择 HTML 元素。
p { text-align: center; color: green; }