优先级的顺序:行内样式>id选择器>类选择器>标签选择器>*通配符选择器>继承
有点晕,先看代码,例如有如下代码,运行后的字体颜色为红色,可以从行内样式依次进行屏蔽,就可以发现样式的优先级如上所述
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title></title>
<style>
* { /*通配符选择器*/
color: pink;
}
body { /*继承*/
color: green;
}
div { /*标签选择器*/