关于css选择器的问题 + * ~这三个有什么区别

+ * ~ 这三个符号有时候总会用混起来.

+:是表示相邻的兄弟下面的所有:比如: ul下面有N个li标签,不要第一个li标签,则可以用 li+li:{};

*和~一般用在属性选择器上使用:

*表示属性中有这类的字符串,举个例子:

[data*="abc"] 选择 data 属性值中包含子串 "abc" 的所有元素 <a data="def" ....> <a data="abcd" ...>

~这个表达不清楚,请意会: [data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 不能选择 <a data="abcd" ...>

[data~="abc"] 选择 data 属性值等于“abc"的所有元素 <a data="def" ...> 可以选择 <a data="abc d" ...>

类似的还有 ^ $等

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Android先生

Android开发人员不得不学习的Vue.js基础

Vue是一套用于构建用户界面的渐进式框架。Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另一...

782
来自专栏Ryan Miao

java变量的加载顺序

学习编程思想 1 package com.test.java.classs; 2 3 /** 4 * Created by Administrato...

2439
来自专栏闵开慧

java中如何初始化接口

 chart.setBackgroundImageAlpha(Paint.OPAQUE); 其中,Paint类型可以直接用Color类。 其中Paint就是一个...

3005
来自专栏HTML5学堂

JQuery选择器(中)

HTML5学堂:在学习JQuery开发的时候,选择器有多种,而我们将接着介绍选择器的其他类型,希望对大家有帮助! 5.临近选择器: $("mix+mix"),选...

3559
来自专栏前端知识分享

第61天:json遍历和封装运动框架(多个属性)

 var json = {width:200,height:300,left:50} console.log(json.width); for(var k in...

592
来自专栏liulun

riot.js教程【六】循环、HTML元素标签

前文回顾 riot.js教程【五】标签嵌套、命名元素、事件、标签条件 riot.js教程【四】Mixins、HTML内嵌表达式 riot.js教程【三】...

2038
来自专栏行者常至

008.golang map

692
来自专栏十月梦想

js获取元素的几种形式

注意:通过class,name标签名抓取的元素是一个集合,即使该类只有一个符合要求的元素目标,也返回是一个集合,因此可以存储的变量,通过变量名[0]获得第一个符...

863
来自专栏WebDeveloper

使用css3属性处理单词的换行和断词

873
来自专栏互联网杂技

HTML5中类jQuery选择器querySelector的使用

简介 HTML5向Web API新引入了document.querySelector以及document.querySelectorAll两个方法用来更方便地从...

3487

扫码关注云+社区