欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > CSS >内容正文

CSS

CSS基本选择器（元素选择器、类选择器、id选择器）

发布时间：2025/3/21 CSS 42 豆豆
生活随笔 收集整理的这篇文章主要介绍了 CSS基本选择器（元素选择器、类选择器、id选择器） 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

一、元素选择器

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">h1{color:chartreuse;}</style></head><body><h1>我是一个标题</h1></body> </html>

二、类选择器

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">.mycls{color: aqua;}</style></head><body><h1 class="mycls">我是一个标题</h1></body> </html>

三、id选择器

<!DOCTYPE html> <html><head><meta charset="UTF-8"><title></title><style type="text/css">#myid{color: honeydew;}</style></head><body><h1 id="myid">我是一个标题</h1></body> </html>

四、优先级别：

id选择器>class选择器>元素选择器：

总结

以上是生活随笔为你收集整理的CSS基本选择器（元素选择器、类选择器、id选择器）的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。