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;
}