css选择器分类与作用
本文旨在总结css中各种选择器及其相应用途(持续更新)
通配符（全局）选择器
样式：*{}
示例：
总结：选定文档中所有类型的对象，如图所示写在css样式文件开头用来定义全局通用的一些属性。font-family：定义三种基本的字体类型；margin、padding：将内外边距归零，以防与之后样式发生冲突；
font-size：定义基本字号。
元素（类型）选择器
样式：E{}
示例：
首先编写如下内容：三段文字用了不同的类型定义
然后用元素选择器对需要的类型加上红色效果：
显示结果：
现将元素类型从P修改为h3：
显示结果：
总结：不仅仅是文字，任何元素类型都可以用该选择器查找，读者可以尝试其他类型的效果。类型选择器在css样式中使用程度非常高，通常与其他类型选择器嵌套使用，复合型元素查找后文会给出心得。
id选择器
样式：#(id名){}
示例：
这次三段文字定义相同类型，不同的是给他们加上不同的id：
给要选中的文字加上金黄色效果：
显示结果：
接下来我们想去选中第三段文字：
显示效果：
总结：需要牢牢记住的是一个id在一个样式文档中只能存在一个，重复的话程序会报错。正是由于id的这种唯一性，在选择元素时复合选择器的最外层通常运用父级最近的id名。id选择器在html文件中不易定义过多，通常在编写页面时定义较大的块级，诸如：header、showcase、mainbody、sidebody、bottom、footer等。
类选择器
样式：.A{}
示例：有三段文字，我们给第一、二段加上类名，第三段没有类名
现对类名为“content”的加入样式：
得到结果：
总结：没有类名或者类名不同的均不会被选中并加入样式。在实际编写代码时，可以先写编写一些CSS样式，之后对想要加入该样式的元素赋给相应的类名，以达到通用的效果。
包含（后代）选择器
样式：A B{}
示例：现在把三段文字装进一个div盒子里：
想要选中第一段文字：
显示结果：
总结：后代选择器样式中两类型名中间用空格隔开，级别从左到右递减（爷在左 孙在右），可以不必逐级选择（爷 父 孙），在确定元素不会查找出错的情况下可以简写（爷 孙）。
子对象选择器
样式：A>B{}
该选择器与后代选择器类似，所以不再赘述。不同在于B只能为A的子级，不能跨级选择。
最新文章
- C#委托与事件的简单使用
- MVC中使用Tuple完成匿名类数据存储
- 移动端rem自适应布局关键代码
- 【BZOJ3270】【高斯消元】博物馆
- javascript学习代码
- 动态SQL使用绑定变量
- css reset 以及哪些元素有默认margin padding值
- 数组名和指针的深入理解（C++）
- NET Core R2跑Hello World
- Mac实用操作技巧（五）
- django下进行项目的部署
- vue v-for循环的用法
- Elasticsearch -- 索引管理
- 从零开始学spring cloud(九) -------- 超时机制，断路器模式介绍
- sudo su 和 sudo -s【转】
- Kudu Native RDD
- nagios维护之常见问题
- 使用IntelliJ IDEA搭建kafka源码环境时遇到Output path错误解决办法
- Nginx基础学习
- 在ListView的右边添加字母列表