CSS学习1-样式表、选择器

已于 2023-03-29 11:12:24 修改
阅读量39 收藏
点赞数
文章标签： css 学习 前端
于 2023-03-02 11:42:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47661354/article/details/129277306
版权
本文介绍了CSS中的三种样式表类型——内部样式表、外部样式表和行内样式表，以及各种选择器的用法，包括标签选择器、类选择器、ID选择器、通配选择器、群组选择器、后代选择器和伪类选择器，并详细讨论了选择器的权重问题，强调了优先级规则。
摘要由CSDN通过智能技术生成

文章目录

一、样式表

1.CSS-内部样式表

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。
在这里插入图片描述

2.CSS-外部样式表

两种外部样式导入方式：
在这里插入图片描述
![在这里插入图片描述](https://img-blog.csdnimg.cn/c1f3bf752b164398a39468180eb78702.png

3.CSS-行内样式表

在这里插入图片描述
优先级：行内样式 > 内部样式 > 外部样式（就近原则）
若加上！import 谁的优先级就高

二、选择器

1.标签选择器

在这里插入图片描述

2.class选择器/类选择器

在这里插入图片描述
在这里插入图片描述

3.id选择器

具有唯一性
在这里插入图片描述

4.通配选择器

在这里插入图片描述
在这里插入图片描述

5.群组选择器

在这里插入图片描述

在这里插入图片描述

6.后代选择器

在这里插入图片描述

在这里插入图片描述

7.伪类选择器

在这里插入图片描述
在这里插入图片描述

7.选择器的权重

id选择器>class选择器>元素选择器
在这里插入图片描述
包含选择符：
在这里插入图片描述
最终222222背景颜色为绿色
内联样式：
在这里插入图片描述

巴拉巴拉巴7788
关注
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值