css里的符号含义【串联选择器】和【后代选择器】

先介绍一下串联选择器和后代选择器的概念。

串联选择器

作用在同一个标签上。

<div class=”a” id ="qq"><span>look at the color</span>
</div>
<style> #qq.a{...}
</style>

后代选择器

作用在不同标签上

<div  id ="qq"><span class=”a”>look at the color</span>
</div>
<style> #qq .a{...}
</style>

CSS中的&符号

是串联选择器的另一种写法

<div class=”a” id ="qq"><span>look at the color</span>
</div>
<style> #qq{...&.a{...}}
</style>

同样，后代选择器也有另一种写法

<div  id ="qq"><span class=”a”>look at the color</span>
</div>
<style> #qq{....a{...}}
</style>

css里的符号含义【串联选择器】和【后代选择器】相关推荐

css复合选择器（后代选择器、子代选择器、并集选择器、链接伪类选择器、：focus选择器）
什么是复合选择器? 在css中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签 ...
HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器交集选择器由两个选择器直接构成,其中第一个 ...
[css] 相邻兄弟选择器、后代选择器和子选择器三者有什么区别？
[css] 相邻兄弟选择器.后代选择器和子选择器三者有什么区别? 后代选择器与子选择的关系:后代选择器>子选择器. 后代选择器:包括父元素的子元素以及孙子元素(代表符号:空格)子选择器:包括父元 ...
html后代选择器的语法,[转]CSS子选择器与后代选择器
注:之前一直不混淆子选择器和后代选择器的关系,今天看到一篇文章很不错,一下子明白了,特此转载. 通俗的讲就是: 儿子一定是后代,但是后代不一定是儿子. css子元素选择器和后代选择器在功能描述上非常相 ...
CSS复合选择器：后代选择器
复合选择器:后代选择器格式:元素1 元素2 { 样式内容} 1.后代选择器中外层是父级,内层是子级,子级可以一直嵌套 2.元素1 和元素2 之间用空格隔开 3.元素1 和元素2 是任意的基础选择器, ...
css 的基本选择器，复合选择器，后代选择器
基本CSS选择器有标记选择器.类别选择器.ID选择器3种 1.标记选择器每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等 2.类别选择器类别选择器的名称可 ...
js原生后代选择器_js 后代选择器
CSS规范 - 命名规则使用类选择器,放弃ID选择器ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用.NEC特殊字符:"-"连字符"-"在 ...
js后代选择器_后代选择器和子元素选择器的区别
原文简书原文:https://www.jianshu.com/p/4a776598c69c 大纲 1.后代选择器和子元素选择器的相关概念 2.后代选择器和子元素选择器的区别 1.后代选择器和子元素选 ...
html后代元素选择器,怎么使用html5中的后代选择器？后代选择器的用法详解!
最近网上很多小伙伴就在问,怎么使用html5中的后代选择器?看到这我就有点想说的了,对于怎么使用html5中的后代选择器,这个问题其实还是蛮重要的.对于想要从事互联网这块功的话算是基本都要有所了解的. ...

css里的符号含义【串联选择器】和【后代选择器】

串联选择器

后代选择器

CSS中的&符号

css里的符号含义【串联选择器】和【后代选择器】相关推荐

最新文章

热门文章