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

为什么80%的码农都做不了架构师？>>>

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

+:是表示相邻的兄弟下面的所有:比如: 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" ...>

类似的还有 ^ $等

转载于:https://my.oschina.net/kaykie/blog/1511460

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

HTML引入css样式的三种方式，css选择器的三种样式
文章目录前言一. css样式的三种方式第一种:内联定义方式第二种: 样式块第三种:引入外部独立css文件二. 选择器的三种样式第一种:id选择器第二种:标签选择器第三种:类选择器三 ...
html中井号的作用,html5 css选择器井号, 句点的区别
一.理解CSS的样式组成CSS里的样式表是有规则组成的,每条规则有三个部分组成: 1.选择器(如下面例子中的:"body"),告诉浏览器文档的哪个部分受规则影响: 2.属性(如实例 ...
前端面试题-CSS选择器性能优化
一.CSS选择符 CSS选择符由一些初始化参数组成,这些参数指明了要应用这个CSS规则的页面元素. 作为一个网站的前端开发工程师,应该避免编写一些常见的开销很大的CSS选择符模式,尽量编写高效的CSS ...
Web前端开发笔记——第三章 CSS语言第二节 CSS选择器
目录前言一.CSS选择器 (一)标签选择器 (二)id选择器 (三)类别选择器二.针对标签的选择器嵌套三.集体声明和全局声明 (一)集体声明 (二)全局声明结语前言 CSS代码由选择器和一 ...
HTML中放置CSS的三种方式和CSS选择器
(一)在HTML中使用CSS样式的方式一般有三种: 1 内联引用 2 内部引用 3 外部引用. 第一种:内联引用(也叫行内引用) 就是把CSS样式直接作用在HTML标签中. <p style=& ...
前端第三次培训（css选择器）
内部样式表内嵌式是将CSS代码集中写在HTML文档的head头部标签中,并且用style标签定义,其基本语法格式如下: <head> <style type="text/ ...
第三章 CSS 选择器的命名
CSS 选择器是否区分大小写 CSS 选择器有那些区分大小写那些不区分大小写还有那些可以设置为不区分: 要搞清楚这个问题, 还要从 HTML 说起: 在HTML 中: 标签和 ...
最常用的css选择器及兼容性 +几个好用却不多见的 nth-child等
你也许已经掌握了id.class.后台选择器这些基本的css选择器.但这远远不是css的全部.下面向大家系统的解析css中30个最常用的选择器,包括我们最头痛的浏览器兼容性问题.掌握了它们,才能真正领 ...
css 选择器（标签选择器、类选择器、层级选择器、id选择器、组选择器、伪类选择器、通配符选择器）
css 选择器的定义 css 选择器是用来选择标签的,选出来以后给标签加样式. css 选择器的种类标签选择器类选择器层级选择器(后代选择器) id选择器组选择器伪类选择器通配符选择器标 ...

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

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

最新文章

热门文章