<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>选择器中CSS优先级</title> <link rel="stylesheet" href="styles/css/styles.css"> </head> <body> <h1>PHP.CN</h1> <!--使用了style中H1 的样式--> <h1 class="h1class" id="h1id">Hello world!</h1> <!--当h1 中设置了ID,class 共同都有属性的时候CSS优先选择 id的css样式,如果去掉id 则选择class 中的CSS 样式,如果都没有h1会选择style中的css样式*/--> <h1 style="font-size: 50px" class="h1css" id="h1id">tttttttttttttt</h1> <!--当这三个条件都有的时候,H1 内部的 style优先级最高--> </body> </html>
h1{
background-color:blue;
color: yellow;
font-size: 10px;
}
.h1class{
background-color:blue;
color: yellow;
font-size: 20px;
}
#h1id{
background-color:blue;
color: yellow;
font-size: 30px;
}还有一个作业没完成,明天上交!
