10019---CSS Grouping Selectors(分组和嵌套)

Grouping Selectors

在样式表中有很多具有相同样式的元素。

h1{color:green;}h2{color:green;}p{color:green;}

为了尽量减少代码，你可以使用分组选择器。

每个选择器用逗号分隔.

在下面的例子中，我们对以上代码使用分组选择器：

h1,h2,p{color:green;}

嵌套选择器

它可能适用于选择器内部的选择器的样式。

在下面的例子，为所有p元素指定一个样式，为所有元素指定一个class="marked"的样式，

并仅用于class="标记"，类内的p元素指定第三个样式：

p{color:blue;text-align:center;}.marked{background-color:red;}.marked p{color:white;}

10019---CSS Grouping Selectors(分组和嵌套)相关推荐

CSS轮廓边距填充分组和嵌套
CSS轮廓围绕一个元素(outline),绘制一条线 p {border: 1px solid red;outline: thick dotted green; } <body>< ...
数据库6：GROUPING运算符分组，表的分组
本笔记为阿里云天池龙珠计划SQL训练营的学习内容,链接为:https://tianchi.aliyun.com/specials/promotion/aicampsql: 本笔记是本人自己的上课的学习 ...
CSS选择器的声明与嵌套
CSS选择器的声明与嵌套使用CSS选择器控制HTML标记的时候,每个选择器的属性可以一次声明多个,选择器本身也可以同时声明多个. 并且,任何形式的选择器,都是合法的,标记选择器,class选择器和I ...
html列表无序嵌套,HTML/CSS - 如何正确定位这些嵌套的无序列表？
我寻找一些帮助解决与定位包含在其中具有相对定位一个div以下无序列表元素有一个问题IM:HTML/CSS - 如何正确定位这些嵌套的无序列表? 的UL的HTML结构: Your name Your e ...
CSS 分组和嵌套选择器
分组选择器在样式表中有很多具有相同样式的元素. h1 {color:green; } h2 {color:green; } p {color:green; } 为了尽量减少代码,你可以使用分组选择器 ...
html宽度自适应怎么调整li超出隐藏,HTML篇之CSS样式——div ul li 嵌套后解决高度自适应方法...
方法一: div 自适应宽度很简单 ,你应该设置div的display:inline-block 然后不要设置宽度就行了方法二: div ul li 嵌套后解决高度自适应办法: html代码如下 ...
5.sql2008分组与嵌套
1.Group by基本介绍; 2.Having的使用; 3.分组综合应用; 4.子查询基本介绍; 5.In/Exists/Any/Some/All; 6.子查询综合应用; 1.Group by基本介 ...
如何通过jQuery动态设置元素CSS的样式，以及HTML中CSS “内联式”、“嵌套式”、“外联式”使用方法
html元素使用CSS渲染标签的样式,可以通过内联式.嵌套式.外联式来将CSS样式添加到html中.有时候涉及到动态的参数,或者在事件中需要修改不同元素的CSS样式时,可以通过js获取目标元素,再其修 ...
CSS中盒子模型、嵌套盒子中垂直外边距塌陷问题解决方案、标准盒模型、怪异盒模型
盒子模型(Box Model): 指把HTML页面中的元素看作是一个矩形的盒子,也称容器,这个盒子从内到外由:元素的内容(content).内边距(padding).边框(border).外边距(ma ...

10019---CSS Grouping Selectors(分组和嵌套)

Grouping Selectors

嵌套选择器

10019---CSS Grouping Selectors(分组和嵌套)相关推荐

最新文章

热门文章