CSS重点总结（一）——CSS选择器

最新推荐文章于 2022-11-18 20:16:30 发布
最新推荐文章于 2022-11-18 20:16:30 发布
阅读量294 收藏 1
点赞数 1
分类专栏： CSS 文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45852690/article/details/107931252
版权
本文主要介绍了CSS选择器的作用和分类，包括基础选择器（通用选择器、标签选择器、类选择器、ID选择器）、复合选择器（交集选择器、并集选择器、包含选择器、子元素选择器）以及伪类选择器。强调了选择器的优先级和在实际应用中的注意事项，如类选择器的命名规则和ID选择器的独特性。
摘要由CSDN通过智能技术生成

一、CSS选择器

1、CSS选择器的作用

选择标签，就好比这里去选择h1，然后命令h1去做什么事（把字体改为红色）
在这里插入图片描述

2、CSS选择器的分类

2.1、基础选择器

  • 通用选择器
* {
   
	padding:0px;
	margin:0px;
}

因为有些标签自带一些属性，从而影响我们的一些布局，所以我们把会影响标签的属性的属性值都修改为0px（注意：0px也可以写成0，不需要px）

最低0.47元/天 解锁文章
前端-小柯
关注
专栏目录
CSS选择器知识点总结 （基础选择器+复合选择器）
m0_50694272的博客
10-15 1268
CSS学习自检 选择器(选择符)就是根据不同需求把不同的标签选出来，这就是选择器的作用。 CSS选择器主要可以分为基础选择器和复合选择器两个大类。 基础选择器 基础选择器是由单个选择器组成的，主要包括：标签选择器、类选择器、id 选择器和通配符选择器。 标签选择器： 标签选择器用于将HTML的标签作为选择器，能快速为页面中同类型的标签统一设置样式，但不能设计差异化样式。 p { font-size: 12px; color: red } 类选择器： 类选择器以" . " 进行标识，可以用于给多个H
CSS——多类名选择器，id选择器，通配符选择器
流楚丶格念的博客
06-26 6599
文章目录多类名选择器案例id选择器id选择器和类选择器区别案例通配符选择器案例 多类名选择器 我们可以给标签指定多个类名，从而达到更多的选择目的。 注意： 样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关。 各个类名中间用空格隔开。 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。 <div class="pink fontWeight font20">亚瑟</div> <div class="font20">刘备</d
CSS选择器知识点总结
yihjh的博客
10-14 226
CSS嵌入方式 行内样式 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>行内样式</title> </head> <body> <h1 style="color: red; font-size: 50px;" >今天好开心</h1> <h1>今天是周三</h1>
转载:CSS选择器知识点整理.
dcpxn64404的博客
12-02 162
1、class 和 id 的使用场景? id：指定标签的唯一标识。根据提供的唯一id号，快速获取标签对象。如：document.getElementById(id)。id属性的值，在当前的page页面要是唯一的。 class：指定标签的类名。CSS操作，把一些特定样式放到一个class类中，需要此样式的标签，可以在添加此类。 2、CSS选择器常见的有...
前端CSS选择器知识点详细整理
weixin_45709829的博客
04-03 3271
前端CSS—选择器知识点整理 一 前言 博主大二计算机专业在读，此博客作为前端学习md记录，算是对自己的一个push作用吧。每天学一点点技术，再把学到的知识按照一定的逻辑顺序整理出来，整理知识点的同时也是在加深对知识点的理解，对自己也是一个学习的过程。学习技术是一个枯燥而且需要消耗时间精力的漫长过程，但是坚持下去特别有成就感。我觉得前端对我来说成就感是“可视化的”。从我个人的角度出发，我认为世界上的幸存者偏差是小概率事件，每个人都在自己的专业领域训练一万个小时。希望自己能坚持学习吧。 二 一些需要理解的逻
css简介及常用选择器（基础知识整理）
qq_56532050的博客
11-18 530
CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。标签选择器最大的优点是能快速为页面中同类型的标签统一样式，同时这也是他的缺点，不能设计差异化样式。最常见的CSS选择器就是元素选择器，也就是标签选择器，也就是在HTML中元素的最基本的选择器。
web开发——CSS属性选择器.docx
09-26
Web 开发——CSS 属性选择器 CSS 属性选择器是 CSS 中一种强大的选择器，允许开发者根据 HTML 元素的属性和值来设置样式。下面是 CSS 属性选择器的详细知识点： 什么是 CSS 属性选择器？ CSS 属性选择器是一种...
JavaWeb——css基础知识与它的三种使用方法和三种选择器
01-08
什么是css css，全称Cascading Style Sheets，中文名：层叠样式表。...选择器：浏览器根据“选择器”决定受CSS样式影响的HTML元素（标签,id或者类） 属性（ property）是你要改变的样式名，并且每个属性
web开发——CSS派生选择器.docx
09-26
"Web开发——CSS派生选择器" 在Web开发中，CSS派生选择器是一种强大的选择器，它可以根据元素在其位置的上下文关系来定义样式。这种选择器可以使标记更加简洁，提高代码的可读性和维护性。 首先，让我们来了解什么...
CSS——CSS复合选择器（重中之重 ☆）
流楚丶格念的博客
06-27 4968
文章目录CSS复合选择器交集选择器并集选择器后代选择器子元素选择器伪类选择器链接伪类选择器 CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两个选择器之间不能有空格，如h3.special。 记忆技巧： 交集选择器 是 并且的意思。 即…又…的意思 比如： p.one 选择的是： 类名为 .one 的 段落标签。 用的相
CSS选择器总结 思维导图
zp的博客
07-12 894
伪类的使用
weixin_52655964的博客
08-26 387
在我们进行相关的操作时，例如：鼠标移入，鼠标按下，获取焦点，禁用，选中，链接访问后，等，都代表着同一个元素的不同状态。选择器:伪类状态 {}选择器:hover { }选择器:active { }选择器:focus { }...
div+css处理链接的:link,:visited,:hover,:active四种状态
nb_pdd的专栏
12-09 1216
<html><br /> <head><br /> <style><br /> a:link {background-color: red; color: white;}<br /> a:visited {background-color: yellow; color: black;}<br /> a:hover {background-color: green; color: white;}<br
CSS基础-引入方法，选择器，继承
ajwqb06628的专栏
11-27 152
CSS基础-引入方法，选择器，继承 一.CSS引入方法：行内式、嵌入式、导入式、链接式。 1、行内式。 即：在标签的style属性中设定CSS样式。 例子：<div style="background-color:red">...
【CSS】元素的伪类
luckyboy!的博客
08-22 480
本文将介绍元素的伪类使用方法，其中:link、:visited只适用于超链接a标签。:hover和:active适用于所有元素，可以设置任何样式。
CSS选择器
华灯初上
03-13 274
简述CSS选择器类型 一、基本选择器 1、* 通用选择器，可以匹配任何元素 2、div 标签选择器，用于选择所有的div标签 3、.content 类选择器，用于选择所有class为content的元素 4、#main ID选择器，用于选择ID为main的元素 二、多元素组合选择器 1、div,p 用逗号连接，多元素选择器，用于匹配所有的div或者p元素...
初学入门 html/css 的有用知识点简单总结（五）
Eternity_matt的博客
09-06 263
详细介绍css中的选择器 CSS的魅力就是让我们前端工程师像设计师一样进行网页的设计，我们能轻而易举的改变颜色、布局、制作出漂亮的影音效果等等，css中的选择器用于选择你想要的元素的样式的模式。我给大家归纳了常用的30个CSS选择器，希望你能够喜欢我的总结。 1、*{} ：通用选择器 针对初学者来说，我们还是从简单的开始学起，首先我们来认识下通用选择器，通用选择器，可以匹配页面所有的元素。让页面中所有的元素都具...
CSS :visited选择器
lengqingIT的博客
03-17 641
HTML 用法 &lt;body&gt; &lt;h3&gt;选择访问过得链接样式&lt;/h3&gt; &lt;a href="http://www.semi-warm.com"&gt;semi-warm.com&lt;/a&gt; &lt;a href="http://www.semi-warm.com"&gt;semi-warm&lt;/a&gt;
css从入门到精通——基础选择器
最新发布
06-09
好的，关于 CSS 的基础选择器，我可以为你进行解答。 在 CSS 中，选择器是用来指定我们想要样式化的 HTML 元素的。基础选择器包括以下几种： 1. 标签选择器：可以通过 HTML 标签名称来选择指定的元素，例如：`p` ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值