CSS基础复习（选择器）

最新推荐文章于 2023-09-28 09:16:48 发布
最新推荐文章于 2023-09-28 09:16:48 发布
阅读量192 收藏
点赞数 1
CC 4.0 BY-SA版权
分类专栏： css 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/scl960520/article/details/88357957
本文深入讲解了CSS选择器的各种类型，包括id选择器、标签选择器、类名选择器、后代选择器、子代选择器、分组选择器及伪类选择器。详细解释了如何使用这些选择器精确地定位和样式化网页元素。

选择器

<div id="div1" class="aa" >
<span>这是儿子 <span>
<ul>这是一个列表
</ul>
<div><span>这是孙子</span></div>
</div>

id选择器 #div1
标签选择器 直接通过标签选择 div
class选择器 类名选择器 .aa可以选取
后代选择器 div span 可以选取到div内部所有的span
子代选择器 div>span 可以选取到div中儿子的span
分组选择器 span,ul 可以同时选择两个标签
伪类选择器 #div：hover

【CSS】复合选择器
luckyboy!的博客
08-18 1966
复合选择器是建立在基础选择器之上的，由两个或者多个基础选择器，通过不同的方式组合而成。
CSS学习——复合选择器
WangJiaYi948的博客
08-18 1291
目录 目录 CSS复合选择器 交集选择器 并集选择器 后代选择器 子元素选择器 综合案例 属性选择器 伪元素选择器（CSS3） CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器，两...
CSS复合选择器
qq_52301431的博客
03-26 1976
一、CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的，目的是为了可以选择更准确更精细的目标元素标签。 （1）交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器或者id选择器，两个选择器之间不能有空格，如h1.red。 记忆技巧：交集选择器是并且的意思，即...又...的意思 注意点： 1、选择器之间没有任何的连接符号 2、选择器可以是class， 也可以是id，也可以是伪类选择器，还可以是标签，但标签要放在前面 比如：
CSS详细基础（三）复合选择器
最新发布
软工科班，擅长Matlab、C++、微信小程序开发
09-28 988
前两章介绍了CSS中的基础属性，以及一些基础的选择器，本贴开始介绍复合选择器的内容~​ 在 CSS 中，可以根据选择器的类型把选择器分为和后代选择器、子选择器、并集选择器、伪类选择器等等~
css基础--选择器（中）
qq_46387849的博客
03-02 179
css基础–选择器（中） 三、伪类选择器 1.动态伪类：共五种 ​ 什么时候用？一般和超链接的a标签配合使用。 ​ (1) link{} 链接初始的样式, 指的是a标签。 我是超链接 ​ 样式：a:link { ​ color: red; ​ } ​ 效果图： ​ ​ （2）.a:visited{} ...
css基础选择器
qq_36392571的博客
02-20 142
1、标签选择器（元素选择器）    标签名{属性1：属性值1}或者    元素名{属性1：属性值1} 2、类选择器    .类名{属性1：属性值1}     多类名选择器：样式效果跟HTMl元素的类民航先后顺序没有关系受CSS样式书写的上下顺序有关。 3、id选择器   #id名{属性1：属性值1} 4、通配符选择器（使用较少）    *{属性1：属性值1}...
复习自测-CSS基础及选择器(1).doc
01-09
【CSS基础及选择器知识点详解】 CSS（Cascading Style Sheets）是一种用于描述HTML或XML（包括各种XML方言，如SVG、XHTML等）文档样式的样式表语言。CSS允许我们将样式信息与结构内容分离，使得页面设计更加灵活且...
css3 伪类选择器快速复习小结
01-19
如果说 css 作为前端开发的基本功, 那么 选择器 就是基础中的基础. 如果你在复写或者学习这些容易令人混淆的选择器, 那么你就来对地方了, 我的老伙计. 本篇文章会直接了当的比较它们的特性, 帮助你快速的掌握它们: ...
html-css基础复习.md
02-04
css html 基础复习，已经基础样式选择器 快速认识css html 初略领略div+css 的魅力 ！
jquery获取css中的选择器(实例讲解)
12-10
开始写之前先复习一下元素和节点的区别： 元素是W3C文档对象模型（DOM）当中使用最广泛的节点之一。 元素拥有关联的“属性”。 XmlElement类拥有许多方法来访问它的“属性”（GetAttribute, SetAttribute, ...
CSS基础复习与实战练习题
《CSS样式》复习题与练习题旨在帮助学习者巩固对基本CSS概念的理解，包括其缩写、样式表引用、内联、内部和外部样式、选择器以及样式定义的方法。以下是一些关键知识点的详细解析： 1. **CSS的缩写**：CSS代表**...
CSS基础(1)[基础选择器和基础样式]
Himalaya-hsf
08-26 187
css的概念 知识点1.什么是css样式 HTML 超文本标记语言 从语义的角度描述页面结构。 CSS 层叠式样式表 从审美的角度负责页面样式。 JS JavaScript 从交互的角度描述页面行为。 全称：Cascading Style Sheet（层叠样式表）的缩写 作用：用于控制网页外观。（修饰和美化html） ...
CSS--复合选择器
白菜先森
12-02 978
CSS复合选择器 复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签。 交集选择器 交集选择器由两个选择器构成，其中第一个为标签选择器，第二个为class选择器或ID选择器，两个选择器之间不能有空格. p.类名{ color：red; display:block } 标签选择器后面跟类...
CSS选择器知识点总结 （基础选择器+复合选择器）
m0_50694272的博客
10-15 1417
CSS学习自检 选择器(选择符)就是根据不同需求把不同的标签选出来，这就是选择器的作用。 CSS选择器主要可以分为基础选择器和复合选择器两个大类。 基础选择器 基础选择器是由单个选择器组成的，主要包括：标签选择器、类选择器、id 选择器和通配符选择器。 标签选择器： 标签选择器用于将HTML的标签作为选择器，能快速为页面中同类型的标签统一设置样式，但不能设计差异化样式。 p { font-size: 12px; color: red } 类选择器： 类选择器以" . " 进行标识，可以用于给多个H
前端基础：HTML+CSS3笔记 （四）CSS选择器
qq_38803978的博客
10-23 408
先看一个CSS选择器的样例： 1.CSS基础选择器 1.1CSS选择器是什么？ CSS选择器就是我们根据需求把我们想要的标签选择出来。简而言之，选择器就是选择标签用的。 例如上图CSS选择器做了两件事： ①. 找到所有的h1标签 ②. 给找到的所有标签设置样式，比如上面将颜色设置为红色，字体大小设置为红色 1.2选择器分类 选择器分为基础选择器和复合选择器 选择器分类 作用 包括 基础选择器 基础选择器是由单个选择器组成的 基础选择器又包括：标签选择器、类选择器、id 选择器和通配符
什么是css选择器？css3中5种常见的基本选择器（代码实例）
lin123_00的博客
06-30 5814
本章我们给大家讲解一下什么是css选择器？css3中5种常见的基本选择器。有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。 一：什么是css选择器？ CSS是一种用于屏幕上渲染html，xml等一种语言，CSS主要是在相应的元素中应用样式，来渲染相对应用的元素，那么这样我们选择相应的元素就很重要了，如何选择对应的元素，此时就需要我们所说的选择器。在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。选择器主要是用来确定html的树形结构中的DOM元素节点。 二：css3中5.
CSS中的三种基础选择器，
热门推荐
liusure09的专栏
01-13 1万+
Html中有三种方法可以使用CSS，而在css中，有三种基础的选择器 1、元素选择器     也叫标签选择器，即在CSS中利用标签名称来定义其外观 2、类选择器，是用点.符号开头，后面跟上一个自定义的名称，在使用时候，以HTML标签的class属性来标记 3、ID选择器，以符号#开头，后面跟上一个自定义的名称，在使用时以HTML标签的id属性来标记。     以下是几种选择器的使用实例
css3学习 理论之选择器
weixin_33919950的博客
12-17 67
属性选择器： E[attr^="bar"] 选择匹配E的元素，并且该元素定义了attr属性，该属性值包含了前缀为"bar"的子字符串 E[attr$="bar"] 选择匹配E的元素，并且该元素定义了attr属性，该属性值包含了后缀为"bar"的子字符串 E[attr*="bar"] 选择匹配E的元素，并且该元素定义了attr属性，该属性值包含了"bar"的子字符串 结构伪类选择器： E:...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值