在<head>内添加<link href = "my1.css" type="text/css" rel="stylesheet">
@CHARSET "UTF-8";
/*类选择器选择器*/
.style1{
font-size: 42px;
border: inherit;
font-weight: bolder;
background-color: purple;
color: black;
}
/*ID选择器*/
#style2{
font-size: 22px;
font-weight: bolder;
background-color: purple;
color: blue;
}
//不同的选择器 其中相同的元素color 同是被不同的选择器修饰的话则 html 选择他们应用的优先级:ID>BODY(html)>style(类选择器)
/*html的选择器,因为BODY是HTML内的元素*/
body{
color: orange;
}
对应HTML中的
<span class="style1">新闻四</span><br/>
<span id="style2">杭州</span>