CSS选择器

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

---

前言

提示：这里可以添加本文要记录的大概内容：

今天学习CSS选择器的分类以及应用。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、CSS选择器引入方式有什么？

1. 行内引入(行内优先级最高，内联式和外联式谁最后谁 生效)
2. 内联式(需写在上面)
3. 外联式(需写在<link rel="stylesheet>)

二、基础样式和通配符

1.基础样式

展示如下（示例）：

width 宽
height 高
background-color 背景颜色
list-style: none;  清除li默认样式
cursor:pointer   鼠标变小手

2.选择器

展示如下（示例）：

通配符       全局选择器  去掉浏览器默认样式
标签选择器   h1-h6,div,ul,li,span
类选择器     class
id选择器     #idname{}   注意：id名不能重复
群组选择器   .div       !切记选择器值之间用,隔开
层级选择器    1.子代选择器(>)
             2.后代选择器(空格)
             3.兄弟选择器   (相邻兄弟+)只修改他下面的相邻的选择器
             4.兄弟选择器   (通用兄弟~)修改他后面的所有选择器
伪类选择器    :hover(鼠标悬浮)

最后是选择器的优先级顺序从小到大:
通配符(1)<标签选择器(10)<.class(100)<#id(200)<行内引入式(<)!important

---