CSS选择器[元素选择器/id选择器/类选择器/ 群组选择器（并集选择器）/复合选择器（交集选择器）/通用选择器/后代元素选择器/子元素选择器/sublime使用快捷键]

最新推荐文章于 2023-03-31 19:52:27 发布
最新推荐文章于 2023-03-31 19:52:27 发布
阅读量802 收藏 6
点赞数
分类专栏： HTML 文章标签： 选择器 CSS选择器[元素选择器/id选择器/类选择器/ 群组选择器（并集选择
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43152725/article/details/85109913
版权

1.元素选择器

在这里插入图片描述

在这里插入图片描述

2.id选择器

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

3.类选择器

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

4. 群组选择器（并集选择器）

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

5.复合选择器（交集选择器）

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

6.通用选择器

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

7.后代元素选择器

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

8.子元素选择器

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

9.sublime使用快捷键

1.放大字号：Ctrl+=
2.缩小字号：Ctrl±
3.删除当前行：Ctrl+Shift+K
4.复制当前行：Ctrl+Shift+D
5.上/下移当前行：Ctrl+Shift+↑/↓
6.Ctrl+D 选中光标所占的文本，继续操作则会.选中下一个相同的文本
7.Ctrl+Shift+L 先选中多行，再按下快捷键，会在8.每行行尾插入光标，即可同时编辑这些行
9.Ctrl+→ 向右单位性地移动光标

YRyr.*
关注
  • 0
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS选择器到底有哪些？CSS笔记（一）
01-20
文章目录CSS简介CSS样式编写1、内联样式2、内部样式3、外部样式CSS语法选择器常用的选择器元素选择器id选择器类选择器选择器分组（并集选择器）通配选择器复合选择器（交集选择器）后代元素选择器子元素选择器伪类选择器伪元素选择器属性选择器：兄弟元素选择器否定伪类选择器声明块块和内联元素(html)之前的笔记 之前两次笔记我们简单的介绍了一下HTML，接下来我们学习一下css，就是我们之前所说，结构、表现、行为中的表现。我们发现之前做的html好像不是很美观吧。。。那什么是表现呢，简单来说，我们的图片大小、字体大小、背景颜色等所有外在的东西，全都叫做表现，由我们的css负责。 CSS简介 层叠
CSS6大种选择器(超详细!!!!!!)
热门推荐
weixin_52682014的博客
11-05 2万+
注意：1.所有的标签上都有class属性，class属性的属性值成为类名（类似于起了一个名）/* 选择属性名为title和属性值以ab结尾的元素，设置字体为30px *//* 选择属性名为title和属性值以ab开头的元素，设置背景色黄色 *//*选择属性名为title和属性值为ab的元素 ,设置字体颜色绿色 *//* 选择属性名为title和属性值含有c的元素，设置背景色为绿色 */语法：[属性值*=属性名]{} */作用：通过id属性值，找到页面中带有这个id属性值的标签，设置样式。
CSS的选择器(标签、类、id、通配符、后代、子元素、并集、链接伪类、focus伪类)
Bulut0907
01-23 2432
目录1. 标签选择器2. class类选择器3. id选择器4. 通配符选择器 1. 标签选择器 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>test title</title> <style> p { font-family: 宋体, sans-serif,
【CSS 教程系列第 10 篇】什么是 CSS 中的并集选择器（群组选择器）
“Allen Su”的博客
11-25 6386
并集选择器，指的是可以同时对多个选择器进行相同的操作。 任何形式的选择器(包括元素选择器、 class 选择器、id 选择器等)，都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同或部分相同，就可以利用并集选择器为它们定义相同的 CSS 样式。
css基础-html中使用css、基本选择器、类选择器、id选择器、通用选择器、符合选择器、css权重、文本属性
muzidigbig的博客
11-15 5077
Css样式（cascading style sheet） 层叠样式表    Body  a  .box{  }   Css的目的：给html加各种各样的样式----html结构和css样式样式分离---便于维护更新 Css语法      选择器{     属性名:属性值;属性名:属性值;     }       说明： l 一个css样式包括选择器和格式声明语句 l 选择器就是选...
CSS的群组选择器
歪脖先生的博客
12-02 8857
群组选择器 要为不同的HTML对象定义相同的样式时，可以采用群组声明。如，希望 h2 元素和段落的文本都为灰色，则可以使用以下声明： h2, p { color: gray; } 上述规则在选择器中指定了多个对象，对象之间用逗号来分隔。逗号告诉浏览器，规则中包含两个不同的选择器。这样的选择器叫群组选择器。 群组选择器可以减少样式的重复定义。可以把任意数量、任意类型的选择器放在群
CSS笔记——①css样式表、选择器、常用属性
yanqiu12138的博客
12-29 302
900 , 100到500都是正常的，600都900都是加粗的 )复合的写法，是通过空格的方式实现的。层叠样式表，用于修饰网页信息的显示样式，目前推荐遵循的是W3C发布的CSS3.0.要使用CSS对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到。当多个选择器，选中的是同一个元素，且都为他们定义了样式，如果属性发生冲突了，会选择。多个样式的时候，样式的优先级根据CSS决定，而不是class属性中的顺序。word-spacing : 词之间的间距 ( 针对英文段落的 )
3.31笔记
ShenWangNian的博客
03-31 990
如果<a>标签四个伪类的书写顺序不正确，会导致链接的四种状态显示效果错乱，或有的状态会无效，为了避免这种情况，我们在设置的时候，务必保证书写顺序是正确的。默认值为：(0% 0%)。1. 数位之间没有进制比如说： 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0， 所以不会存在10个div能赶上一个类选择器的情况。常见的行内元素有<a>、<strong>、<b>、、<i>、<del>、<s>、<ins>、<u>、<span>等，其中<span>标签最典型的行内<em>元素。
【CSS选择符】群组选择符 和 通用选择符
weixin_39415598的博客
12-25 1018
微信订阅号：rabbit_svip 有时候我们需要一种简单的方式把相同的格式应用到不同的元素上。例如，可能想让网页中的所有标题使用相同的颜色和字体显示。如果分别为每一级标题（h1, h2, h3, h4等）定义样式，工作量会很大，如果日后要修改所有标题的颜色，要修改6个不同的样式。 遇到这种需求时，最好使用群组选择符，把一个样式指定给多个选择符...
CSS学习记录1.2/标签选择器/id选择器/类选择器/后代选择器/子元素选择器
qq_49080239的博客
06-20 1489
根据指定的标签名称，在当前界面中找到该名称的标签，然后设置属性。 格式： 注意点： 1、标签选择器选择的是当前页面所有的标签，不能单独选中某一个标签。 2、标签选择器无论标签藏的多深都能选中。 3、只要是HTML中的标签就可以作为标签选择器。根据指定的id名称找到对应的标签，然后设置属性。 格式： 1、每个HTML标签，都有一个属性叫做id，每一个标签都可以设置id。 2、在同一个界面中id的名称是不可以重复的。 3、在编写id选择器时一定要在id前加上#。 4、id的名称只能由字母、数字、下划线组成，不能
十三种常见选择器概念介绍
01-31
标签选择器 类选择器 id选择器 通配符选择器 后代选择器 子代选择器 并集选择器 交集选择器 hover伪类选择器 结构为类选择器 链接伪类选择器 焦点伪类选择器 属性选择器
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
1.复合选择器 （1）后代选择器（包含选择器 重要） 语法： 元素1 元素2 {样式声明} 选择器1 选择器2{ 属性：属性值 } 元素1和元素2用空格隔开 元素1父亲 元素2后代 最终改变的是后代（元素2）的样式 ...
了解JavaScript中的选择器
12-02
.getElementById(“id”)id选择器; .getElementsByName(“name”)name选择器; .getElementsByTagName(“tagname”)tag标签名选择器； .getElementsByClassName(“.classname”).class名选择器 示例代码： <!...
分类解析jQuery选择器
11-26
　selecttor1,selector2　并集，返回两个选择器匹配到的元素 层次选择器： 　ancestor descendant　根据祖先匹配所有的后代元素 　parent>child　根据父元素匹配所有的子元素，直接后代 　prev+next　匹配下一个兄弟...
2024-2030全球与中国盐氯化系统市场现状及未来发展趋势.docx
04-24
2024-2030全球与中国盐氯化系统市场现状及未来发展趋势
基于深度学习的积灰检测识别-图像分类源码+数据集.zip
最新发布
04-24
详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；详情请查看资源内容中使用说明；
沈阳药科大学-答辩通用PPT模板我给母校送模板作品.pptx
04-24
PPT模板，答辩PPT模板，毕业答辩，学术汇报，母校模板，我给母校送模板作品，周会汇报，开题答辩，教育主题模板下载。PPT素材下载。
微信备忘录小程序源码 作业设计demo 计算机专业作业
04-24
微信备忘录小程序源码 作业设计demo 微信备忘录小程序是一种便捷的个人记事应用，它允许用户在微信内快速记录和查看备忘录。以下是对微信备忘录小程序的简要介绍： --- **微信备忘录小程序** 微信备忘录小程序为用户提供了一个简单、直观的记事平台。用户可以通过这个小程序记录日常事务、重要提醒和个人笔记，非常适合忙碌的现代生活节奏。 主要特点包括： 1. **快速记录**：用户可以迅速添加文本、列表或语音备忘录。 2. **定时提醒**：为每个备忘录设置提醒时间，确保不会错过任何重要事项。 3. **个性化分类**：支持自定义分类，便于管理和查找备忘录。 4. **界面友好**：清晰的界面设计，操作简便，无需复杂的学习过程。 5. **数据同步**：通过微信账号登录，实现备忘录的云端同步，方便在不同设备间切换使用。 此外，小程序还具备以下优势： - **隐私保护**：备忘录内容仅对用户本人可见，保障个人隐私。 - **无广告干扰**：提供一个无广告的清爽记事环境。 - **离线存储**：即使在无网络环境下，也能正常使用，记录的内容会在联网后自动同步。 微信备忘录小程序是日
中国海洋大学-汇报答辩专用PPT模板我给母校送模板作品.pptx
04-24
PPT模板，答辩PPT模板，毕业答辩，学术汇报，母校模板，我给母校送模板作品，周会汇报，开题答辩，教育主题模板下载。PPT素材下载。
css选择器并集交集
09-22
并集选择器是通过逗号将多个选择器连接在一起的，可以同时选择多个元素，并为它们定义相同的CSS样式。例如，使用并集选择器可以选择多个标签，并将它们的背景颜色设置为相同的值。 交集选择器由两个选择器构成，...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值