CSS的样式与优先级

上节我们学习了三种CSS修饰html的三种方式：内部样式-外部样式-行内样式

那他们有没有优先级之分那？是有的，我们可以了解一下他们同时修改样式是怎么样的优先级

首先在书写的格式上我们的书写顺序排序是：行内-外部-内部 一般都要按照这个排序来书写 那他的优先级顺序就是：行内-内部-外部

但是如果有打乱的话比如我们举个例子，你先写了一个内部再来一个外部，那你的样式是按那个修改的那？他的修改就会按照外部修改，为什么那，这就是他的就近原则，谁离得近就按谁的改，但是我们一般不推荐你这样写，还是要按照他的行内-外部-内部

CSS选择器

一、标签选择器

他的标签就是他的选择器，这个比简单，很直白。

二、类选择器

在标签里添加class给它起名字，单独赋予他样式

注意点在于要在style里要加上.标签{ }

还有起名字也要注意一下，出去字母我们也可以选择-来拼接

三、ID选择器

它具有唯一性，且只能用一次。

‼️在这里再说明一下，三个选择器那我们日常使用的是那个那？一般使用较多的还是累选择器，他的更方便我们的使用。

那他们有没有优先顺序那？有的，id>class>标签，他们没有就近原则，只按顺序优先。

其中ID有绝对优先的优势。

CSS的高级选择器

一、后代选择器  .active p

他是可以更改所有父亲下相同标签的后代所有样式，书写方式要在父亲后面加入空格标签，且注意点是不可以加其他字母。

二、子选择器 .active>p

子选择器顾名思义就是父亲下面的儿子，他的书写方法就是在styel里面选择器输入：div > p只能更改他的儿子p不能更改他的孙子以及其他的p标签

三、相邻兄弟选择器 书写方式：.active+p

在同为兄弟的标签命名会改变相邻的兄弟样式，但是不包括自己，且只改变相邻的兄弟，其余兄弟不该变

四、层次选择器通用兄弟选择器 书写方式为 .active~p

这个就是在相邻兄弟上加上内容了，可以实现相同属性下面的相同兄弟一起改变，但是注意点是只有他下面的相同的兄弟会改变样式，其他不是兄弟的是不可以更改的，哪怕一样的标签。

Fout-size：字体大小

Color:字体颜色

background:背景颜色

Px：像素

text-decoration: none;去掉下划线

border 边框 solid实线 例：border:1px solid red 一像素的实线红色边框