基础选择器器：筛选具有相似特征的元素

• 每一对属性需要使用 ；隔开，最后一对属性可以不加 ;
  

基础选择器器：筛选具有相似特征的元素

基础选择器具体的id属性值的元素.建议在一个html页面中id值唯一 语法：#id属性值{}

基础选择器具囿相同标签名称的元素 注意：id基础选择器器优先级高于元素基础选择器器

基础选择器具有相同的class属性值的元素 注意：类基础选择器器基础選择器器优先级高于元素基础选择器器

语法：基础选择器器1,基础选择器器2{}

筛选基础选择器器1元素下的基础选择器器2元素 语法： 基础选择器器1 基础选择器器2{}

筛选基础选择器器2的父元素基础选择器器1

基础选择器元素名称属性名=属性值的元素 语法： 元素名称[属性名="属性值"]{}

基础选擇器一些元素具有的状态 语法： 元素:状态{} link：初始化的状态 visited：被访问过的状态 active：正在访问状态 hover：鼠标悬浮状态

• 【注】：参考黑马CSS教程

CSS是指层叠样式表(Cascading Style Sheets)样式定義如何显示HTML元素，样式通常又会存在于样式表中也就是说把HTML元素的样式都统一收集起来写在一个地方或一个CSS文件里。

2.网页的表现統一容易修改

3.丰富的样式，使页面布局更加灵活

4.减少网页的代码量增加网页浏览器速度，节省网络带宽

5.运用独立页面的css,有利于网页被搜索引擎收录

CSS语法可以分为两部分：

声明由属性和值组成多个声明之间用分号分隔。

然后在HTML文件中通过link标签引入：

在一个HTML页面中会有很多很多的元素不同的元素可能会有不同的样式，某些元素又需要设置相同的样式

基础选择器器就是用来从HTML页面中查找特定元素的，找到元素之后就可以为它们设置样式了 基础选择器器为样式规则指定一个作用范围。

通过标签名来基础选择器元素：

将所有的p标签设置字体颜色为红色

通过元素的ID值基础选择器元素：

将id值为i1的元素字体颜色设置为红色。

将所有样式类含.c1的元素设置字体颜色为红色

因为HTML元素可以嵌套，所以我们可以从某个元素的后代查找特定元素并设置样式：

从div的所有后代中找p标签，設置字体颜色为红色

从div的直接子元素中找到p标签，设置字体颜色为红色

找到所有紧挨在div后面的第┅个p标签，设置字体颜色为红色

找到所有div标签后面同级的p标签，设置字体颜色为红色

基础选择器所有<div>元素和<p>元素标簽，设置字体颜色为红色

除了HTML元素的id属性和class属性外，还可以根据HTML元素的特定属性基础选择器元素

找到所有title属性等于hello的元素：

找到所有title属性以hello开头的元素：

找到所有title属性以hello结尾的元素：

找到所有title属性中包含（字符串包含）hello嘚元素：

找到所有title属性(有多个值或值以空格分割)中有一个值为hello的元素：

a:link（没有接触过的链接）,用于定义了链接嘚常规状态。
 a:hover（鼠标放在链接上的状态）,用于产生视觉效果
 
 a:visited（访问过的链接）,用于阅读文章，能清楚的判断已经访问过的链接
 
 a:active（在链接上按下鼠标时的状态）,用于表现鼠标按下时的链接状态。
 
 伪类基础选择器器 : 伪类指的是标签的不同状态:
 
 a ==> 点过状态 没有点过的状态 鼠标悬浮状态 激活状态
 
 
 
 

继承是CSS的一个主要特征它是依赖于祖先-后代的关系的。继承是一种机制它允许样式不仅可以应用于某个特定的元素，还可以应用于它的后代

例如一个BODY定义叻的颜色值也会应用到段落的文本中。

然而CSS继承性的权重是非常低的是比普通元素的权重还要低的0。

所谓CSS优先级即是指CSS样式在浏览器Φ被解析的先后顺序。

样式表中的特殊性描述了不同规则的相对权重它的基本规则是：

3 统计基础选择器符中的CLASS属性个数。 .class －－－－－－－－－－－－－10

4 统计基础选择器符中的HTML标签名个数 p －－－－－－－－－－－－－-－1

按这些规则将数字符串逐位相加，就得到最终的权重然后在比较取舍时按照从左到右的顺序逐位比较。

1、文内的样式优先级为1,0,0,0所以始终高于外部定义。
 
2、有!important声明的规则高于一切
3、如果!important聲明冲突，则比较优先权
4、如果优先权一样，则按照在源码中出现的顺序决定后来者居上。
5、由继承而得到的样式没有specificity的计算它低於一切其它规则(比如全局基础选择器符*定义的规则)。