css 选项进行分组,CSS 通用和分组选择器(十)
一、通用选择器
通用选择器可能是所有选择器中最强大的,却使用最少的。通用选择器的作用就像是通配符,它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对象页面上所有元素应用样式
例如:可使用,以下规则删除第个元素上的默认的空白边界
*{margin:;
padding:;
}
二、分组选择器
分组选择器不是一种选择器类型,而是一种选择器使用方法。当多个对象定义了相同的样式时,就可以把它们分成一组,这样能够简化代码。
/*定义所有级别的标题和段落行高为22px*/
h1,h2,h3,h4,h5,h6,p{
line-height:22px;
}
分组选择器,可以使用逗号把同组内不同对象分隔。分组选择器与类选择器在性质上有点类似,都可以为不同元素或者对象定义相同的样式。
将以下样式改变
.class1{
font-size:13px;
color:red;
text-decoration:underline;
}
.class2{
font-size:13px;
color:blue;
text-decoration:underline;
}
分组选择器使用
.class1{
color:red;
}
.class2{
color:blue;
}
/*共同样式*/
.class1,class2{
css 选项进行分组,CSS 通用和分组选择器(十)相关推荐
- html5通用兄第选择器,css 通用兄弟选择器( ~ )
stylus设置兄弟元素样式: 鼠标浮动在 .video-li 元素上时,.video-li 兄弟中 .video-info 下的 .word 显示. .video-li &:hover ~ ...
- css 空格数字 宽度,CSS代码书写规范究极指南
1.格式化代码 1.1文件[建议]:CSS文件使用无BOM的UTF-8编码 1.2缩进[强制]:使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符. CSS Code复制内容到 ...
- css margin为什么重叠,CSS 外边距(margin)重叠及防止方法
边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容.补白.边框)重合在一起而形成一个单一边界. 两个或多个块级盒子的垂直相邻边界会重合.结果的边界宽度是相邻边界宽度中最大 ...
- 超细的CSS学习笔记(CSS详解)
复习CSS时记录的笔记. 从最基本的 CSS 概念开始,复习如何使用 CSS 同时控制多重网页的样式和布局.同时涉及最新版本 CSS3 的内容,掌握新的标准化组件. 文章目录 一.CSS介绍 1.CS ...
- html怎么建立css文件,怎么创建css文件
如何新建css文件文件→新建→css文件,建好之后,在html文档中将其引入: 希望对你有帮助,望喜欢. css怎么建立外部样式表? 建立外部样式表很简单,就在html的head里写 至于你上边说的一 ...
- html中写css代码,开发DIV CSS时 先写CSS代码还是先写HTML代码
相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...
- css flexbox模型_Flexbox-Ultimate CSS Flex速查表(带有动画图!)
css flexbox模型 This comprehensive CSS flexbox cheatsheet will cover everything you need to know to st ...
- 比较有名的CSS,优雅地写css
重置你的CSS样式 使用CSS常量进行更快速的开发. /* # Dark grey (text): #333333 # Dark Blue (headings, links) #000066 # Mi ...
- dw中css目标规则命名,css 常用样式命名规则
大家在写css的时候,对一些html标签起一个合适的名字是个很头疼的事情,现在给大家分享项目中常用的名字供参考. 外套:wrap --用于最外层 头部:header --用于头部 主要内容:mai ...
- oracle 多个分组函数,Oracle之分组函数
Group by 1. Group by子句(利用group by子句分组数据,当select语句中使用到组函数和字段一起连用时会用到group by,否则会出现错误) Group by 把selec ...
最新文章
- 如何将字符串前后的空白去除(C/C++) (STL)
- UA MATH567 高维统计专题1 稀疏信号及其恢复2 用L1-norm作为L0-norm的convex relexation
- login控件设置居中
- python批量做线性规划(每次的约束条件参数有变换)
- jws webservice 跳过https认证_基于OAuth2的OIDC (OpenId Connect)身份认证
- Spring Cloud Gateway (六) 自定义 Global Filter
- sqlserver卸载不完全导致安装失败
- wps文件没有保存怎么恢复,学这一招就够了!
- 计算机科学与技术学习心得
- idea使用中项目出现library root
- 过压过流保护芯片,IC芯片电路图
- 最新版gg服务器框架安装器,GG服务框架安装器最新版本
- c语言期末复习专项——编程题
- 马云说:“未来是大数据的时代”
- java中sha1解密_SHA1解密
- echarts 绘制中国地图(中英文转换)
- 你会在场景中创建立体文字吗?可否认识精灵模型?
- 【原】机器学习公开课 目录(课程笔记、测验习题答案、编程作业源码)...持续更新......
- 区块链工作原理(区块链治理系统、比特币、以太坊、智能合约)
- 医学计算机应用与基础知识,医学计算机应用基础计算机基础知识课件.ppt