<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--<link rel="stylesheet"href="../css/first.css">-->
<style>
#price{
color:greenyellow;
font-size: 50px;
}
#price1{
color:greenyellow;
font-size: 50px;
text-decoration: underline; <!-- 只覆盖相同元素 -->
}
</style>
<link rel="stylesheet"href="../css/first.css">
<title>css样式的优先级</title>
</head>
<body>
<!--行内样式的优先级比内部样式高-->
<!--内部样式的优先级比外部样式高-->
<!--以上效果的实现要符合“就见原则”-->
<p>
电脑 <span id="price"style="color: red;font-size: 40px">1</span>元起
</p>
<p>
电脑 <span id="price1">1</span>元起
</p>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<!--<link rel="stylesheet"href="../css/first.css">-->
<style>
#price{
color:greenyellow;
font-size: 50px;
}
#price1{
color:greenyellow;
font-size: 50px;
text-decoration: underline; <!-- 只覆盖相同元素 -->
}
</style>
<link rel="stylesheet"href="../css/first.css">
<title>css样式的优先级</title>
</head>
<body>
<!--行内样式的优先级比内部样式高-->
<!--内部样式的优先级比外部样式高-->
<!--以上效果的实现要符合“就见原则”-->
<p>
电脑 <span id="price"style="color: red;font-size: 40px">1</span>元起
</p>
<p>
电脑 <span id="price1">1</span>元起
</p>
</body>
</html>