CSS选择器中的符号含义

最新推荐文章于 2024-06-19 15:19:49 发布
最新推荐文章于 2024-06-19 15:19:49 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： 一万个css 吃掉这本前端基础 文章标签： css css3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Limonor/article/details/109555724
版权

选择器符号，指的是

div+span {}

h1,p {}

.first a {}

#show>ul {}

div~p {}

这些



A~B选择器：选择A之后出现的所有B

A、B必须有相同的父元素，B不必紧邻A


A B选择器：选择A的所有后代元素


A>B选择器：表示选择A元素的所有子B元素。


空格和大于的区别就是，空格取所有后代，大于只取子这一代


A,B选择器：逗号指相同的css样式


A+B选择器：这个“+”是选择相邻兄弟，叫做“相邻兄弟选择器”

十种CSS选择器详解介绍
01-31
### 十种CSS选择器详解介绍 #### 一、通用选择器 - **定义**: 通用选择器使用星号 `*` 来表示，能够匹配HTML文档中的每一个元素。 - **示例**: ```css * { margin: 0; padding: 0; } ``` - **用途**: 常用于...
css中“~”（波浪号）、“，”（逗号）、“+”（加号）和“>”（大于号）详解
热门推荐
weixin_38606332的博客
07-04 5万+
p~ul{　　 background:#8e8e8e; } <p>段落P</p> <ul>　　 <li>列表项1</li>　　 <li>列表项2</li>　　 <li>列表项3</li>
jQuery之位置选择器
python全栈
01-25 881
针对整个页面而言的位置选择器 :first获取第一个元素 :last获取最后一个元素 :odd匹配所有索引值为奇数的元素，从0 开始计数 :even匹配所有索引值为偶数的元素，从0 开始计数 :eq(n)匹配一个给定索引值的元素 :gt(n)匹配所有大于给定索引值的元素 :lt(n)匹配所有小于给定索引值的元素 针对上级标签而言的位置选择器 :first-child匹配第一个子元素 :last-child匹配最后一个子元素 :only-child如果某个元素是父元素中唯一的子元素，将会被匹配 :nth-ch
css选择器里的不同的符号（+,＞,~,*）
子时不睡的博客
01-26 3203
css选择器里的不同的符号空格符>符号+符号~符号*符号 文章转载此处：http://www.webkaka.com/tutorial/html/2019/090450/ 本文介绍如何使用CSS选择器里不同的符号(+,> 和 ~) 以及它们的区别，在开始之前，让我们拿一段示例代码来认识这些符号。 <div id="container"> <p>First</p> <div> <p>Child Paragraph&l
CSS中的选择器(符号解释)
郑海波(莫川)的CSDN博客
04-05 1610
一、空格 (后代) 写法 .class1 .class2{ ... } 作用 选择class1作用的容器内部的所有含有class2的元素 示例 <style> .class1 .class2{ background-color:#f00; } </style> <div class="class1"> <p class="clas...
轻松学会jQuery选择器的用法
不迁怒，不贰过。小知识，大智慧。
11-16 2226
本篇重点讲解jQuery中丰富的选择器，以及他们的基本用法。CSS的选择器均可以用jQuery的$进行选择，部分浏览器对CSS3的选择器支持不全，可以用jQuery作为补充，所以本篇重点介绍jQuery扩展的选择器。
CSS选择器详解与应用实例
最新发布
一起coding，一起嗨。
06-19 1119
CSS选择器详解与应用实例
css选择器中有小数点的标签获取方法
09-24
在这种情况下，如果直接使用JavaScript的DOM选择器方法，例如jQuery中的“$('#3.22')”，是无法正确获取到具有小数点作为id或class属性值的元素的，因为小数点会被解释为属性选择器的一部分，而不是字面意义上的字符...
CSS 选择器浅谈
09-25
CSS选择器是网页设计中用于选择需要应用样式的元素的重要工具。在这一浅谈中，我们将从几个不同的维度来探究CSS选择器的种类和用法，以及在不同的浏览器环境下它们的支持情况。 首先，我们要了解的是CSS选择器的...
jQuery位置选择器用法实例分析
01-19
本文实例讲述了jQuery位置选择器用法。分享给大家供大家参考，具体如下： 位置选择器 jQuery同样也允许我们利用元素所在位置来获取所需组件 位置选择器语法如下： “$基本选择器:位置选择器” 位置选择器种类 常用位置选择器的用法 选择第一个 格式:$(selector:first); 选择最后一个 格式:$(selector:last) 选择奇数 格式:$(selector:odd) 偶数行 格式:$(selector:even) 获取指定位置 格式:$(selector:eq(n)) 大于指定位置
css 选择器 介绍
09-27
CSS选择器是CSS（层叠样式表）语言中不可或缺的一部分，用于从HTML或XML文档的众多元素中精准地选取需要应用样式的元素。选择器的使用使得开发者能够精确控制网页的布局和表现，通过不同的选择器类型，可以实现对...
ArcGIS的符号选择器（Symbol Selector）为空的解决办法
GIS思维的博客
12-27 1万+
ArcGIS的符号选择器（Symbol Selector）为空的解决办法 GIS思维 最近，许多学员与群友反应了一个不大不小的问题，ArcGIS的符号选择器（Symbol Selector）一篇空白，重新再样式管理器添加也还是空白的。 一般来说，都是先度娘走起，但是很多朋友按照网上的说法并没有办法解决这个鸡肋问题。因为网上就是一个人写了点没头没尾的，之后一群人复制粘贴，搞的好多人是云里雾里。那我这边将我和几个学员沟通测试有效的方法分享给大家（因为我是没有出现过这个问题，测试主要是几个学员在做，
CSS基础（并不是很全面）
weixin_65163642的博客
11-10 689
css基础
css样式特殊符号(选择器连接符号)意义速记：【+~＞“ “,““】【加波大空逗无】
Huanzhi_Lin的博客
03-16 5245
选择器之间的几种连接符号
css属性选择器，[]，=， ~=， ^=， ~=， $=， |=等符号含义
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-30 9438
全栈工程师开发手册 （作者：栾鹏） css系列教程1—选择器全解css属性选择器包括[]是否有某属性，=属性是否等于，~=属性不等于，^=属性值以指定字符串开头，$=属性值以指定字符串结尾，*=属性值等于指定字符串，|=属性值以指定字符串为前缀。 代码如下：p[attribute1][attribute2]{ /* [] 属性选择器，表示具有某种属性的所有元素，多个参数表示同时具
css 属性选择器符号含义
xzg199153的博客
02-15 194
css 属性选择器符号含义
css选择器符号,css 选择器符号
weixin_28756281的博客
08-03 1633
1. 空格 —— “后代选择器”例如下面这个例子，表示div元素里面所有的p元素div p {...}2. > —— “子选择器”例如下面这个例子，表示div元素里面所有的子代(不含孙代及以后)p元素div>p {...}3. ~ —— “兄弟元素选择器”例如下面这个例子，表示.cls元素往后的同级的p元素.cls~p {...}4. + —— "相邻兄弟选择器"例如下面这个例子，表示...
css选择器 p>a,p~a,p+a区别
Jq的博客
07-15 1258
p&gt;a:子选择器，表示p元素下的第一级子元素a p~a:兄弟选择器，p之后出现的所有兄弟a，a不必紧跟p后边 p+a:相邻兄弟选择器，紧跟其后的第一个兄弟元素 ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值