css选择器有哪些？各种选择器优先级大小顺序

CSS选择器：

1.标签选择器 div { color：Red;} /即页面各标签名的css式

2.类选择器 .divClass {color:Red;} /即定义每标签class中的css样式，类选择可以用于多个样式中。

3.ID选择器 #myDiv {color:Red;} /即页面中的标签id

4.在标签中直接设置样式<div style="color:pink;">你好，世界！</div>

5.标签＋类选择器 div .divClass {color:red;},两个样式中间用“空格”分隔。

6.div,h1,p所有div、h1、p标签都应用下面样式，标签与标签之间用“，”逗号隔开。

<style type="text/css">
div,h1,p
{
font-size:40pxl;
color:Purple;
}
</style>

7.伪选择器：a:hover {color:red},伪选择器以“：”冒号分隔。

选择器优先级：

在对同一个标签应用多种样式时的顺序：

直接写在标签后面的样式高于其他样式>id选择器>类选择器>标签选择器

注意：当不考虑优先级问题就想让某一样式优先使用，可以使用下面属性：!important

 

div
{
color: Purple !important;
}

 

 

 

 

转载于:https://www.cnblogs.com/Juliet1018/p/7201661.html