复合选择器-后代选择器（HTML、CSS）

<!DOCTYPE html>
<html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>复合选择器-后代选择器</title><style>/*    把ol里边的 li选出来 改为red */ol li {color: red;}/*  一级一级遍历 （从大到小） */ol li a {color: green;}.nav li a {color: yellow;}</style>
</head><body><ol><!--   有序标签 --><!-- 父元素 --><li>111</li> <!-- 子元素 --><li>222</li><li>333</li><li><a href="#">123</a></li></ol><ul class="nav"><!-- 无序标签 --><li>444</li><li>555</li><li>666</li><li><a href="#">456</a></li><li><a href="#">456</a></li><li><a href="#">456</a></li></ul></body></html>

复合选择器-后代选择器（HTML、CSS）相关推荐

css 交集选择器并集选择器后代选择器
css 交集选择器并集选择器后代选择器 **交集选择器:**就是相互交集在一起的选择器同时对一个标签进行样式的书写. 代码如下: <!DOCTYPE html> <html l ...
[css选择器] 后代选择器
后代选择器原文链接: 后代选择器后代选择器(descendant selector) 又称为包含选择器后代选择器可以选择作为某元素后代的元素. 根据上下文选择元素我们可以定义后代选择器来创建一 ...
基本CSS选择器,复合选择器,后代选择器
基本CSS选择器有标记选择器.类别选择器.ID选择器3种 1.标记选择器每一种HTML标记的名称都可以作为相应的标记选择器的名称,如h1,p,等等 2.类别选择器类别选择器的名称可 ...
CSS复合选择器---后代选择器、子选择器、并集选择器、伪类选择器
CSS复合选择器建立在基础选择器上,对基本选择器进行组合形成的可以更准确.更高效的选择目标元素(标签) 包含:后代选择器.子选择器.并集选择器.伪类选择器一.后代选择器又称为包含选择器,可以选 ...
CSS3中的群组选择器,后代选择器[空格]子元素选择器＞相邻兄弟选择器+兄弟选择器~
群组选择器(',') /* 表示既h1,又h2 */ h1, h2 {color: red; } 后代选择器[空格] /* 表示 h1 下面的所有 span 元素,不管是否以 h1 为直接父元素 */ ...
QT qss选择器------后代选择器
格式:选择器 1 选择器 2{ 属性: 值; } 这个选择器表示: 在选择器 1 匹配的所有对象中, 找到选择器 2 所匹配的所有后代对象, 并给它们设置样式. 注意点: (1). 后代选择器必须用 ...
通配符选择器/后代选择器（包含选择器）/选择器分组
<!DOCTYPE html> <html><head><meta charset="UTF-8"><title>通配符 ...
黑马程序员pink老师前端h5(html5)+css3(16)P94-P104伪类选择器上并集选择器子选择器后代选择器emmet语法生成标签快速格式化代码复合选择器简介
P94-emmet语法生成标签 Emmet语法 Zen codig他使用缩写,来提高htmlcss编写速度 div+p div class="nav" div id="b ...
CSS复合选择器（后代选择器、子元素选择器、并集选择器、伪类选择器、:focus伪类选择器）
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的. 1. 后代选择器后代选择器又称为包含选择器作用:用来选择元素或元素组的子孙后代其写法就是把外层标签写在前面,内层标签写在后面,中间 ...

复合选择器-后代选择器（HTML、CSS）

复合选择器-后代选择器（HTML、CSS）

复合选择器-后代选择器（HTML、CSS）相关推荐

最新文章

热门文章