CSS选择器中的符号含义

最新推荐文章于 2023-03-16 21:45:28 发布
最新推荐文章于 2023-03-16 21:45:28 发布
阅读量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选择器：这个“+”是选择相邻兄弟，叫做“相邻兄弟选择器”

浅度学习的ryan
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
jQuery选择器中的特殊符号处理方法
10-19
这不仅适用于"."和"#"，也适用于其他CSS选择器中的特殊字符，如":"（伪类选择器）、"+"（相邻兄弟选择器）等。正确处理这些特殊字符是确保jQuery选择器正常工作的关键，特别是在处理用户输入或者动态生成的选择器...
不能不知道的CSS选择器技巧
09-24
CSS选择器是网页样式设计中不可或缺的部分，它们允许开发者精确地定位和风格化页面上的元素。本文将深入探讨两个重要的CSS伪元素：`:before` 和 `:after`，以及如何结合边框（border）创建对话框样式。 **:before**...
css选择器里的不同的符号（+,＞,~,*）
子时不睡的博客
01-26 3031
css选择器里的不同的符号空格符>符号+符号~符号*符号 文章转载此处：http://www.webkaka.com/tutorial/html/2019/090450/ 本文介绍如何使用CSS选择器里不同的符号(+,> 和 ~) 以及它们的区别，在开始之前，让我们拿一段示例代码来认识这些符号。 <div id="container"> <p>First</p> <div> <p>Child Paragraph&l
CSS基础（并不是很全面）
weixin_65163642的博客
11-10 636
css基础
css样式特殊符号(选择器连接符号)意义速记：【+~＞“ “,““】【加波大空逗无】
Huanzhi_Lin的博客
03-16 5128
选择器之间的几种连接符号
css属性选择器，[]，=， ~=， ^=， ~=， $=， |=等符号含义
全栈工程师开发手册（原创）https://github.com/tencentmusic/cube-studio
08-30 9257
全栈工程师开发手册 （作者：栾鹏） css系列教程1—选择器全解css属性选择器包括[]是否有某属性，=属性是否等于，~=属性不等于，^=属性值以指定字符串开头，$=属性值以指定字符串结尾，*=属性值等于指定字符串，|=属性值以指定字符串为前缀。 代码如下：p[attribute1][attribute2]{ /* [] 属性选择器，表示具有某种属性的所有元素，多个参数表示同时具
css 属性选择器符号含义
xzg199153的博客
02-15 176
css 属性选择器符号含义
css 选择器 介绍
09-27
CSS选择器是CSS（层叠样式表）语言中不可或缺的一部分，用于从HTML或XML文档的众多元素中精准地选取需要应用样式的元素。选择器的使用使得开发者能够精确控制网页的布局和表现，通过不同的选择器类型，可以实现对...
CSS 选择器浅谈
12-12
CSS选择器是网页样式设计中不可或缺的一部分，它们用于指定HTML或XML文档中元素的样式规则。下面我们将深入探讨几种常见的CSS选择器。 A. 标签选择器：这是最基本的选择器，通过元素名称来选择页面上的所有特定类型...
css选择器中有小数点的标签获取方法
12-13
首先，我们要理解问题的核心：在CSS选择器中，小数点`.`通常用于表示类选择器，例如`.myClass`。然而，如果ID或类名中包含小数点，如`#3.22`，浏览器会将其解析为类选择器，导致无法直接通过jQuery或其他JavaScript...
css选择器 p>a,p~a,p+a区别
Jq的博客
07-15 1235
p&gt;a:子选择器，表示p元素下的第一级子元素a p~a:兄弟选择器，p之后出现的所有兄弟a，a不必紧跟p后边 p+a:相邻兄弟选择器，紧跟其后的第一个兄弟元素 ...
css中符号的意思
weixin_42390786的博客
11-19 1377
‘~’ ：eg：a~ul 指的是a标签后所有的ul。两种元素必须拥有相同的父元素，但是 ul不必直接紧随 a。 ‘>’ ：eg： 是css3特有的选择器，A>B 表示选择A元素的所有子B元素。 与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。 ‘+’ ：eg：是指选择相邻的兄弟元素，如果需要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使...
css选择器 ~ （波浪号）、+（加号）、＞（大于号）的用法解析和举例
热门推荐
树上骑个猴的博客
12-21 1万+
~（波浪号） ~（波浪号）：A ~ B表示选择A标签后的所有B标签，但是A和B标签必须有相同的父元素。 <style> h3~h5{ color: red; } </style> <body> <div> <h1>我是第1行</h1> <h2>我是第2行</h2> <div>
css选择器中a与a:link的区别
AlisaClass的博客
01-25 2872
css选择器中a:link是选择尚未点击的链接，a是选择链接，在一个链接未点击的时候好像可以同时被这两个选择器选择。 但是a与a:link选择器是有区别的，a选择器是选择所有链接，不管是否有效，a:link选择器是选择有效的链接。 例：点击 这个链接可以被a选择器选择，但是不可以被a:link选择器选择。
选择器中的符号
weixin_30906425的博客
05-21 567
两个并列的选择器用逗号分隔 一个选择器中的父子关系用空格分隔 div.blue {color:blue;} 以上规则的结果为：“所有class属性值为blue的div元素显示为蓝色字体”。 #header.callout{ } #header .callout{ } 第一个表示ID为header的同时类名为callout的选择器， 第二个表示ID为header下子节点中含有类名为...
css中选择器里的不同符号
qq_43654065的博客
03-23 415
1. 空格符 应用最多、最普通的选择器符号，表示满足条件的所以子代选择器。 div p{} //表示div中包含的所有p标签 2. 无空格符 表示同时满足同一个标签中的两个选择器，该css才起作用。 <div class="box1 box2"></div> .box1.box2{color:red} 3. + 选择后面紧挨的兄弟元素。如下实例，内容为kkk的h1标签为b1的兄弟元素，且中间没有其他标签，所以该元素添加了color。 .b1+h1{color: rebeccapu
css 选择器符号
anshaobiao6449的博客
05-02 203
1. 空格 —— “后代选择器” 例如下面这个例子，表示div元素里面所有的p元素 div p { ... } 2. > —— “子选择器” 例如下面这个例子，表示div元素里面所有的子代（不含孙代及以后）p元素 div>p { ... } 3. ~ —— “后继选择器” 例如下面这个例子，表示.cls元素往后...
CSS选择器之符号
a757956132的专栏
12-08 350
jQuery、CSS常用选择器 符号描述示例说明 紧接无符号 相当于”并且“关系 input.k-textbox{ ...} 选出input并且包含k-textbox类的元素 , （逗号） 选择器分格符, 选择多种元素 h1, h2{ ...} 选出h1 和 h2 的所有元素 . （圆点） 类选择器 .k-textbox{ ...
jquery选择器(美元符号)的实例化应用
04-15 379
jQuery框架 jQuery 是一个JavaScript 库，它有助于简化 JavaScript? 以及 Asynchronous JavaScript + XML (Ajax) 编程。与类似的 JavaScript 库不同，jQuery 具有独特的基本原理，可以简洁地表示常见的复杂代码。学习 jQuery 基本原理，探索其特性和功能，执行一些常见的 Ajax 任务并掌握如何使用插件扩展 jQu
css中name选择器符号
最新发布
05-11
在 CSS 中，没有名为“name选择器”的选择器。可能是您指的是属性选择器。属性选择器使用方括号 [] 来选择具有特定属性值的元素。例如： ```css input[type="text"] { /*样式规则*/ } ``` 上面的选择器会选择所有...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值