前端CSS选择器

于 2024-08-22 18:02:36 发布
阅读量265 收藏
点赞数 8
文章标签： 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_69304031/article/details/141434477
版权

css 和html 三种表示方式

行内样式 >内部样式>外部样式

元素选择器

属性选择器

id选择器 选择id为bb的 ，给他增添样式

class选择器以 .开头

用法和id差不都

包含选择器和父子选择器

兄弟选择器

选择器组合

伪元素选择器

首字母格式不一样

首行格式不一样

元素前面后面

伪类选择器

nth-last-of-type

:not()过滤

UI状态伪类选择器

选择器优先级

小刘|
关注
  • 8
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
前端开发：CSS选择器详解
软贱开发攻城狮
11-04 1352
做前端开发的都知道，CSS的选择器常用的大概分为五类：元素选择器、id选择器、类选择器、属性选择器、伪类选择器。而且CSS的选择器也是根据优先级顺序来执行的，实际开发中会根据业务场景的需要结合选择器的顺序，来选择使用选择器。本章博文就来分享一下常用的CSS的选择器中的各个选择器的具体知识点，总结一下，方便查阅使用。通过本文关于CSS。
【前端CSS】CSS的3种基本选择器和5种高级选择器使用方式
借他一双眼，愿这盛世如先生所愿
03-06 1212
CSS选择器由HTML元素的id、class属性或元素名本身以及一些特殊符号构成；用于指定要为哪个HTML元素定义样式；
前端CSS选择器知识点详细整理
weixin_45709829的博客
04-03 3232
前端CSS—选择器知识点整理 一 前言 博主大二计算机专业在读，此博客作为前端学习md记录，算是对自己的一个push作用吧。每天学一点点技术，再把学到的知识按照一定的逻辑顺序整理出来，整理知识点的同时也是在加深对知识点的理解，对自己也是一个学习的过程。学习技术是一个枯燥而且需要消耗时间精力的漫长过程，但是坚持下去特别有成就感。我觉得前端对我来说成就感是“可视化的”。从我个人的角度出发，我认为世界上的幸存者偏差是小概率事件，每个人都在自己的专业领域训练一万个小时。希望自己能坚持学习吧。 二 一些需要理解的逻
CSS基础：4种简单选择器的详解
u013179804的博客
04-05 1582
来再次总结一下这 4 个选择器。id 选择器优点：具有唯一性，能够精确选择特定元素。应用场景：适用于需要特定样式的元素，如页面顶部导航栏、页脚等。class 选择器优点：适用于多个元素共享同一样式的情况，可以在不改变 HTML 结构的情况下重用样式。应用场景：常用于定义可重复使用的样式，如按钮样式、卡片样式等。比如，淘宝这块商品的样子，虽然商品不一样，但外观宽高字体什么的其实是一样的，这就用class。通配符* 选择器优点：选择所有元素，可以作为全局样式的基础，但一般不推荐使用。应用场景。
【前端基础】CSS介绍|CSS选择器|常用CSS
qq_73017178的博客
06-05 1550
本篇文章主要介绍了CSS的作用，CSS选择器的介绍，常用的CSS：color，front-size，border，width/height，padding，外边距
前端——CSS选择器的常见用法详解
xh1605004242的博客
05-14 3253
CSS选择器的常见用法
CSS的选择器(超详细)
热门推荐
前端开发,HTML5,css3,JavaScript,node.js,vue
11-21 7万+
一、常用的选择器 1.元素选择器 2.类选择器(class选择器) 3.id选择器 4.通配符选择器 二、群组选择器 三、关系选择器 1.后代选择器 2.子代选择器 3.相邻兄弟选择器 4.通用兄弟选择器 5.案例 四、属性选择器 五、伪类选择器 1.常用的伪类选择器 2.否定伪类 3.元素的伪类 六、伪元素选择器
CSS详细基础（五）选择器的优先级
前端，算法，MATLAB，统计学爱好者，目前主攻Web全栈+考研内容
09-29 3479
本节介绍选择器优先级，优先级决定了元素最终展示的样式~
『 前端三剑客 』：CSS选择器
m0_56361048的博客
06-10 1294
CSS常用语法及选择器
CSS常用选择器
chenchenchencl的博客
03-06 1873
CSS常用选择器
前端css选择器练习diner.zip
04-22
"前端css选择器练习diner.zip" 是一个针对CSS选择器学习和实践的资源包，名为"css-diner"。 在"css-diner"这个练习中，你可以深入理解并掌握各种CSS选择器的用法，从而提升你的前端开发技能。以下是一些关于CSS选择...
CSS选择器
01-08
Web前端css3选择器 参考文档： https://man.ilovefishc.com/css3/ 一、基本选择器 选择器 类型 功能描述 * 通配选择器 选择文档中所有的html元素 E 元素选择器 选择指定的类型的html元素 id ID选择器 ...
css选择器.xmind
07-28
脑图形式的css选择器和层叠规则整理，包括css选择器的类型以及css层叠规则的影响因素（重要性、来源、特殊性、顺序等等），属于前端基础技术的资源
前端必须掌握的css选择器方法
08-29
下面是前端开发中经常使用的 30 个 CSS3 选择器，包括通用元素选择器、ID 选择器、类选择器、标签选择器、伪类选择器、毗邻元素选择器、子元素选择器、属性选择器等。 1. 通用元素选择器 * 通用元素选择器*是选择...
css 元素选择器的简单实例
09-24
CSS（Cascading Style Sheets）元素选择器是CSS中最基础的选择器类型，它允许开发者针对HTML或XML文档中的特定元素应用样式。...在进行前端开发时，理解并灵活运用各种选择器，可以极大地提高代码的可读性和复用性。
前端字符串将其分割成长度为 32 的子字符串数组
人与人之间最小的差别是智商，最大的差别是坚持。
08-19 360
要实现这个需求，可以编写一个简单的 JavaScript 函数来处理字符串并将其分割成长度为 32 的子字符串数组。将字符串切割后，对list数据进行数据处理。
【js】各类前端输入校验方法
最新发布
galaxyJING的博客
08-21 235
【代码】【js】各类前端输入校验方法。
CORS error && 302 Found
zcxbd的博客
08-19 189
单点登录认证：访问A系统，在B系统登录认证此处代码为A系统。
web前端之html弹窗面板的popover新属性
软件毕设协助及软件开发、智慧电子模块、计算机科技、软件开发、硬件开发、程序员、写代码、工程师、互联网、物联网、技术栈、程序、编程、IT。
08-18 3901
web前端之html弹窗面板的popover新属性
前端css选择器的权重优先级
06-08
在 CSS 中，选择器的权重（优先级）是用来确定哪个规则将被应用于元素的一种方式。选择器的权重由四个部分组成，分别是： 1. 内联样式：在元素的 style 属性中直接设置的样式，权重为 1000。 2. ID 选择器：通过 # 符号定义的选择器，权重为 100。 3. 类选择器、属性选择器和伪类选择器：通过 .、[ ] 或 : 符号定义的选择器，权重为 10。 4. 元素选择器和伪元素选择器：通过标签名或 :: 符号定义的选择器，权重为 1。 当多个选择器应用于同一个元素时，CSS 根据选择器的权重确定应用哪个规则。如果两个选择器的权重相同，则后面的规则将覆盖前面的规则。常见的选择器权重组合如下： 1. `#id`：权重为 100。 2. `tag`：权重为 1。 3. `.class`：权重为 10。 4. `tag .class`：权重为 11。 5. `tag#id`：权重为 101。 6. `#id.class`：权重为 110。 当多个选择器的权重相同时，可以使用 !important 关键字强制应用某个规则。但是，在实际开发中，应该尽量避免使用 !important，因为它会破坏 CSS 的层叠性和可维护性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值