css 交集选择器并集选择器后代选择器

**交集选择器：**就是相互交集在一起的选择器同时对一个标签进行样式的书写。
代码如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><style>.red {color: red;}p.red {font-size:  30px;}div.red {font-size: 15px;}</style></head><body><div class="red">一夫当关</div><div>万夫莫开</div><p>一夫当关</p><p>万夫莫开</p><p class="red">蜀道难，难于上青天</p> </body>
</html>

效果如下：

**并集选择器：**就是选择器同时一起使用同一个样式。
代码如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><style>div, p, span,.daye {color:blue;font-size: 18px;font-weight: 700;}</style></head><body><div>噫吁嚱，危乎高哉！蜀道之难，难于上青天！</div><p>蚕丛及鱼凫，开国何茫然！尔来四万八千岁，不与秦塞通人烟。</p><span>地崩山摧壮士死，然后天梯石栈相钩连。</span><h1>西当太白有鸟道，可以横绝峨眉巅。</h1><h1>上有六龙回日之高标，下有冲波逆折之回川。</h1><h1 class="daye">黄鹤之飞尚不得过，猿猱欲度愁攀援。</h1><p>青泥何盘盘，百步九折萦岩峦。扪参历井仰胁息，以手抚膺坐长叹。</p></body>
</html>

效果如下：

**后代选择器：**就是说是别的选择的后代，所以叫后代选择器。
代码如下：

<!DOCTYPE html>
<html lang="en"><head><meta charset="utf-8"><style>.zigui p {color: red;}</style></head><body><p>问君西游何时还？畏途巉岩不可攀。但见悲鸟号古木，雄飞雌从绕林间。</p><div class="zigui"><p>又闻子规啼夜月，愁空山。蜀道之难，难于上青天，使人听此凋朱颜！</p></div><div><p>连峰去天不盈尺，枯松倒挂倚绝壁。飞湍瀑流争喧豗，砯崖转石万壑雷。其险也如此，嗟尔远道之人胡为乎来哉！</p></div></body>
</html>

效果如下：

css 交集选择器并集选择器后代选择器相关推荐

CSS复合选择器（交集、并集、后代、子元素、兄弟、伪类、伪元素）
CSS复合选择器总结复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的,目的是为了可以选择更准确更精细的目标元素标签. :first-child与:first-of-type区别 :fi ...
HTML连载18-id选择器与class区别class选择器使用思路后代选择器
一.id选择器和classable选择器的区别选择器 CSS中的开头 HTML标签可以绑定几个是否可重复用途 id选择器 # 仅能一个不可以重复(一个标签里仅有一个) 一般情况下是给JS用的, ...
html后代选择器的语法,后代选择器 | Descendant selectors
后代选择器 | Descendant selectors 后代组合因子 --通常是通过一个单一的sapce()字符来表示--它结合了两个选择器,且如果第二个选择器所选择的元素的一些祖先元素为第一选择器 ...
js原生后代选择器_jQuery的后代选择器ancestor descendant介绍和示例解析
jQuery的ancestor descendant选择器(后代选择器)用于匹配ancestor元素内所有的descendant元素,将其封装为jQuery对象并返回. 注意:选择器descendan ...
HTML CSS之复合选择器中的交集选择器、并集选择器、后代选择器、子元素选择器、相邻兄弟选择器、属性选择器
复合选择器是通过基本选择器进行组合后构成的,常用的复合选择器有:交集选择器.并集选择器.后代选择器.子元素选择器.相邻兄弟选择器和属性选择器等. 交集选择器交集选择器由两个选择器直接构成,其中第一个 ...
CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器
CSS复合选择器建立在基础选择器上,对基本选择器进行组合形成的可以更准确.更高效的选择目标元素(标签) 包含:后代选择器.子选择器.并集选择器.伪类选择器一.后代选择器又称为包含选择器,可以选 ...
css复合选择器（后代选择器、子代选择器、并集选择器、链接伪类选择器、：focus选择器）
什么是复合选择器? 在css中,可以根据选择器的类型把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 复合选择器可以更准确.更高效的选择目标元素(标签 ...
【响应式Web前端设计】CSS后代选择器和子代选择器
文章目录子代选择器:>号后代选择器:空格文章目录子代选择器:>号后代选择器:空格子代选择器:>号 .father>div{border: 2px solid blu ...
CSS复合选择器：后代选择器
复合选择器:后代选择器格式:元素1 元素2 { 样式内容} 1.后代选择器中外层是父级,内层是子级,子级可以一直嵌套 2.元素1 和元素2 之间用空格隔开 3.元素1 和元素2 是任意的基础选择器, ...
jquery中$运算符的后代选择器
$("s1,s2")并集选择器 $("s1 s2")后代选择器 $("s1>s2")子代选择器 $("s1s2") ...

css 交集选择器并集选择器后代选择器

css 交集选择器并集选择器后代选择器

css 交集选择器并集选择器后代选择器相关推荐

最新文章

热门文章

css 交集选择器 并集选择器 后代选择器

css 交集选择器 并集选择器 后代选择器

css 交集选择器 并集选择器 后代选择器相关推荐

最新文章

热门文章

css 交集选择器并集选择器后代选择器

css 交集选择器并集选择器后代选择器

css 交集选择器并集选择器后代选择器相关推荐