HTML---CSS选择器

CSS全称为Cascading Style Sheets，中文翻译为“层叠样式表”，简称CSS样式表，是一种用来表现HTML或XML等文件式样的计算机语言，是一种标准的样式表语言，用于描述网页的表示，即布局和格式。

1.CSS书写位置

css的代码根据书写位置的不同可以分为：内联样式/行内样式、内部样式表、外部样式表。

第一种方式：内联样式/行内样式

写在开始标签里，写一个style属性，在style属性值里面写样式 样式分为 样式名:样式值; 名值对的结构 可以写多组样式，以;隔开即可

缺点： 1、结构和样式耦合 2、不容易修改

 <span style="color: yellow; background-color: green; font-size: 40px">一亿元</span>

第二种方式：内部样式表

在head标签中，写一个style标签，在style里先选中对应的元素，然后设置样式 ，可以多组样式，以;隔开即可

缺点： 不方便复用

第三种方式：外部样式表

在html文件外新建一个css文件，在css文件内书写样式，然后通过link标签引入css文件。

CSS的语法：选择器 声明块

2. 选择器

一、常用选择器

1.元素选择器        语法：标签名{}

2、id选择器         语法：#id属性值{}

3、class选择器         语法：.class属性值{}

4、通配选择器        语法：*{}

二、复合选择器

1、交集选择器        语法：选择器1选择器2选择器3···{}

2、并集选择器         语法：选择器1,选择器2,选择器3····{}

三、关系选择器        

1、子元素选择器         语法：父元素>子元素{}

2、后代选择器        语法：祖先元素 后代元素{} 

3、选择下一个兄弟选择器        语法：兄+弟{}

4、选择下面所有的兄弟        语法：兄～弟{}  

四、选择器的权重

 选择器的权重    

           !important               最高优先级  

           内联样式                      

           id选择器                                

           类和伪类选择器/属性选择器                   

           元素选择器                               

           通配符、子选择器、相邻选择器等。如*、>、+     0000

           继承的样式      没有优先级

 注意：

1、比较优先级时，需要将所有选择器的优先级进行相加计算，最后优先级越高，则优先显示

  2、(并集选择器)分组选择器是单独计算的

3、如果优先级计算后相同，此时则优先使用靠下的样式

 4、选择器的累加，不会超过上一级数量级，例如：类选择器再高也不会超过id选择器  量变达不到质变

一般来说： 选择器越具体，优先级越高