一、通用选择器

通用选择器可能是所有选择器中最强大的,却使用最少的。通用选择器的作用就像是通配符,它匹配所有可用元素。通用选择器由一个星号表示。通用选择器一般用来对象页面上所有元素应用样式

例如:可使用,以下规则删除第个元素上的默认的空白边界

*{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 通用和分组选择器(十)相关推荐

  1. html5通用兄第选择器,css 通用兄弟选择器( ~ )

    stylus设置兄弟元素样式: 鼠标浮动在 .video-li 元素上时,.video-li 兄弟中 .video-info 下的 .word 显示. .video-li &:hover ~ ...

  2. css 空格数字 宽度,CSS代码书写规范究极指南

    1.格式化代码 1.1文件[建议]:CSS文件使用无BOM的UTF-8编码 1.2缩进[强制]:使用 4 个空格做为一个缩进层级,不允许使用 2 个空格 或 tab 字符. CSS Code复制内容到 ...

  3. css margin为什么重叠,CSS 外边距(margin)重叠及防止方法

    边界重叠是指两个或多个盒子(可能相邻也可能嵌套)的相邻边界(其间没有任何非空内容.补白.边框)重合在一起而形成一个单一边界. 两个或多个块级盒子的垂直相邻边界会重合.结果的边界宽度是相邻边界宽度中最大 ...

  4. 超细的CSS学习笔记(CSS详解)

    复习CSS时记录的笔记. 从最基本的 CSS 概念开始,复习如何使用 CSS 同时控制多重网页的样式和布局.同时涉及最新版本 CSS3 的内容,掌握新的标准化组件. 文章目录 一.CSS介绍 1.CS ...

  5. html怎么建立css文件,怎么创建css文件

    如何新建css文件文件→新建→css文件,建好之后,在html文档中将其引入: 希望对你有帮助,望喜欢. css怎么建立外部样式表? 建立外部样式表很简单,就在html的head里写 至于你上边说的一 ...

  6. html中写css代码,开发DIV CSS时 先写CSS代码还是先写HTML代码

    相信良多LOVE用DIV+CSS技术启示重构网页的爱好者友好,在起源学习DIV+CSS的时分都邑想一个标题,想晓得DIV+CSS妙手或有教育者在开发制作html页面的时刻,下场是先写html照样先写c ...

  7. css flexbox模型_Flexbox-Ultimate CSS Flex速查表(带有动画图!)

    css flexbox模型 This comprehensive CSS flexbox cheatsheet will cover everything you need to know to st ...

  8. 比较有名的CSS,优雅地写css

    重置你的CSS样式 使用CSS常量进行更快速的开发. /* # Dark grey (text): #333333 # Dark Blue (headings, links) #000066 # Mi ...

  9. dw中css目标规则命名,css 常用样式命名规则

    大家在写css的时候,对一些html标签起一个合适的名字是个很头疼的事情,现在给大家分享项目中常用的名字供参考. 外套:wrap  --用于最外层 头部:header  --用于头部 主要内容:mai ...

  10. oracle 多个分组函数,Oracle之分组函数

    Group by 1. Group by子句(利用group by子句分组数据,当select语句中使用到组函数和字段一起连用时会用到group by,否则会出现错误) Group by 把selec ...

最新文章

  1. 如何将字符串前后的空白去除(C/C++) (STL)
  2. UA MATH567 高维统计专题1 稀疏信号及其恢复2 用L1-norm作为L0-norm的convex relexation
  3. login控件设置居中
  4. python批量做线性规划(每次的约束条件参数有变换)
  5. jws webservice 跳过https认证_基于OAuth2的OIDC (OpenId Connect)身份认证
  6. Spring Cloud Gateway (六) 自定义 Global Filter
  7. sqlserver卸载不完全导致安装失败
  8. wps文件没有保存怎么恢复,学这一招就够了!
  9. 计算机科学与技术学习心得
  10. idea使用中项目出现library root
  11. 过压过流保护芯片,IC芯片电路图
  12. 最新版gg服务器框架安装器,GG服务框架安装器最新版本
  13. c语言期末复习专项——编程题
  14. 马云说:“未来是大数据的时代”
  15. java中sha1解密_SHA1解密
  16. echarts 绘制中国地图(中英文转换)
  17. 你会在场景中创建立体文字吗?可否认识精灵模型?
  18. 【原】机器学习公开课 目录(课程笔记、测验习题答案、编程作业源码)...持续更新......
  19. 区块链工作原理(区块链治理系统、比特币、以太坊、智能合约)
  20. 医学计算机应用与基础知识,医学计算机应用基础计算机基础知识课件.ppt

热门文章

  1. spark-env.sh配置——Spark学习日记
  2. 计算机主机机箱面板指示灯,电脑主机指示灯不亮了是什么原因
  3. WideDeep论文翻译
  4. H3C-stp-链路聚合-端口安全
  5. ​明知工作没前途,想辞职却又不知道做什么?
  6. photoclip / 移动端图片上传剪裁插件 /一款手势驱动的裁图插件
  7. SD卡detent方法
  8. 各厂内推整理 (新增宇宙条)| 第四期
  9. strtol函数的使用
  10. Matlab曲率、平均曲率计算