选择器之基本选择器及其扩展

最新推荐文章于 2023-01-08 14:13:39 发布
最新推荐文章于 2023-01-08 14:13:39 发布
阅读量324 收藏
点赞数
分类专栏： 前端 css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41276114/article/details/103133194
版权

选择器之基本选择器及其扩展

1.基本选择器
在这里插入图片描述在这里插入图片描述在这里插入图片描述
2.子元素选择器（直接后代选择器）: 只要是父元素的直接后代就能被选中
在这里插入图片描述
在这里插入图片描述

3.相邻兄弟选择器：匹配+前紧跟着的兄弟元素。
在这里插入图片描述
在这里插入图片描述

4.通用兄弟选择器：在使用 ~ 连接两个元素时,它会匹配第二个元素,
条件是
它必须跟(不一定是紧跟)在第一个元素之后,
且他们都有一个共同的父元素
在这里插入图片描述在这里插入图片描述

5.分组选择（选择器分组）：
在这里插入图片描述在这里插入图片描述

developer涛涛
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
12.选择器的扩展
小白的记录
12-02 116
层次选择器 层次选择器通过DOM元素间的层次关系获取元素，其主要的层次关系包括后代、父子、相邻、兄弟关系，通过其中某类关系可以方便快捷地定位元素 #id id选择器 element 标签元素选择器 .class 类选择器 * 通配符 selector1,selector2,selectorN 将每一个选择器匹配到的元素合并后一起返回。 选择器 功能描述 ancestor descendant 根据祖先元素匹配所有的后代元素 parent＞child 根...
CSS.1-基础知识,选择器,字体和文本样式,Chrome调试工具,拓展,背景相关属性,元素显示模块,css特性
qq_54379580的博客
04-18 392
跟某马学的css啦~基础知识,基础选择器,字体和文本样式,Chrome调试工具,拓展
CSS选择器基础-拓展
hrdate(菜菜菜带带带)
07-17 101
选择器:筛选具有相似特征的元秦 *分类∶ 1.基础选择器 id选择器∶选择具体的id属性值的元素.建议在一个html页面中id值唯一 *语法∶#id属性值{} 元素选择器:选择具有相同标签名称的元素 *语法︰标签名称{} *注意:id选择器优先级高于元秦选择器 类选择器:选择具有相同的class属性值的元素。 *语法:.class属性值{} *注意:类选择器选择器优先级高于元秦选择器 2．扩展选择器∶ 选择所有元秦︰ 语法:{} 并集选择器︰ *选择器1,选择器2{} 子选择器:筛选选择器1元素下的选
HTML与CSS基础（八）—— CSS布局（定位、装饰、选择器拓展）
此心光明事上练的博客
01-08 3061
使用定位的步骤
CSS扩展选择器的分类及使用方法
bryn_li的博客
09-28 345
扩展选择器: 1.组合选择器：用逗号隔开多个选择器 2.关联选择器（后代选择器）：用空格隔开 3.伪类选择器
实验九数据选择器及其应用.pdf
06-24
"实验九数据选择器及其应用.pdf" 本实验主要介绍数据选择器的逻辑功能和使用方法，并学习用数据选择器构成组合逻辑电路的方法。数据选择器是指经过选择，把多个通道的数据传送到唯一的公共数据通道上去的逻辑电路。...
实验九数据选择器及其应用.doc
09-26
实验九数据选择器及其应用 在数字逻辑电路中，数据选择器是一种非常重要的逻辑电路，它可以将多个通道的数据传送到唯一的公共数据通道上去。今天，我们将对数据选择器的逻辑功能和使用方法进行实验和学习。 一、...
字体选择器「Font Picker」-crx插件
03-09
字体选择器是一种干净简单的工具，可用于识别任何网站上的字体及其详细信息。 安装扩展程序后，您将能够右键单击任何文本并查看其字体详细信息。 单击“字体详细信息”选项将打开一个弹出窗口，其中包含您需要的有关...
DOM到JSON选择器「DOM to JSON Selector」-crx插件
03-10
选择器允许用户选择特定的元素。只需点击扩展程序图标并将鼠标悬停在网页上即可。当您将鼠标悬停在某个元素上时，会突出显示。点击你想获得DOM-JSON的元素。 然后，扩展将提取所选元素及其子元素的节点名称，深度，...
物联网的微控制器需求趋势+应用技巧
07-07
微控制器是物联网部署中最常用的组件之一，但如何为每个物联网项目选择合适的微控制器，则需要一些正确知识和思考。   这种小型集成电路通常包括处理器、存储器、输入和输出外围设备——所有这些都包含在一...
4选1数据选择器扩展为8选一数据选择器
01-14
基于Multisim14制作的4选1数据选择器扩展为8选一数据选择器仿真图
选择器的基本分类和扩展选择器
09-25 814
div：行级标签  2个div之间会换行 span：块级标签 p:行级标签：2个p之间会换行，且有个空行
CSS基本选择器、扩展选择器
huangyh技术栈
04-30 561
１．选择器的作用 在对html元素进行样式化之前，我们首先应该先找到该元素。css选择器的作用就是找到对应的元素。 ２．语法格式 ３．基本选择器 ４.基本选择器之间的优先级 ID选择器>类选择器>标签选择器>通用选择器 <!DOCTYPE html> <html lang="en"> <head>...
css 的基本选择器，复合选择器，后代选择器
朱智文的专栏
08-06 2940
基本CSS选择器有标记选择器、类别选择器、ID选择器3种 1。标记选择器     每一种HTML标记的名称都可以作为相应的标记选择器的名称，如h1,p,等等 2。类别选择器     类别选择器的名称可以由用户自定义    格式如下：.class{color:green;font-size:20px;} 3。ID选择器     与类别选择器相试    格式如下：#id{color:g
CSS的四种基本选择器和四种高级选择器
俊墨客
10-21 2304
CSS选择器：就是指定CSS要作用的标签，那个标签的名称就是选择器。意为：选择哪个容器。 CSS的选择器分为两大类：基本选择题和扩展选择器。 基本选择器： 标签选择器：针对一类标签 ID选择器：针对某一个特定的标签使用 类选择器：针对你想要的所有标签使用 通用选择器（通配符）：针对所有的标签都适用（不建议使用） 下面来分别讲一讲。 1、标签选择器：选择器的名字代表html页面上的标签 标签选...
CSS的基本选择器和扩展选择器
404 Not Found
08-05 514
1.CSS与html的4种结合方式(1)每个html标签上的属性style示例<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title> hello world </title> </hea
CSS的扩展选择器
liupc的学习笔记
03-04 568
基本选择器有三个，当设置样式的时候不是很方便。 目前有三个扩展选择器：关联选择器、组合选择器、伪元素选择器。 一、关联选择器 设置嵌套标签的样式。 例： //关联选择器.html &lt;html&gt; &lt;head&gt; ...
CSS扩展选择器
胡根得 天行健，君子以自强不息。
12-11 3127
1、什么是CSS选择器？ 　　CSS选择器，目的是指定CSS要作用的标签对象，今天来了解一下CSS的基本选择器和扩展选择器。 2、基本选择器 这里介绍四种基本选择器。 　　（1）标签选择器（这个时候的css代码以html标签来决定作用于谁） /* * 标签选择器 */ p { color:#ff0000; font-size:30px;
CSS三种扩展选择器
知识搬运工，资料任你拿，包括书籍、电影、电视剧、网站、软件等，VX公人人人号：向前书局
09-26 1119
extend_select.html --> /*这样会把所有的b标签都改变样式*/ /*b{ background-color: yellow; }*/ /* 1,关联选择器 这样写，就限定为span标签中的b标签了*/ span b{ background-c
Spring Security中的所有过滤器及其作用
最新发布
07-16
Spring Security 中的所有过滤器及其作用如下1. `ChannelProcessingFilter`：根据请求的协议（http 或 https）决定是否需要使用 SSL 安全连接。 2. `SecurityContextPersistenceFilter`：在请求处理过程中，负责将...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值