css 样式（一）定义选择器

最新推荐文章于 2025-09-19 13:38:27 发布

原创最新推荐文章于 2025-09-19 13:38:27 发布 · 496 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css #class

前端专栏收录该内容

9 篇文章

订阅专栏

本文通过实例演示了如何使用HTML创建基本页面结构，并展示了不同CSS选择器的应用效果，包括颜色样式的设置。通过两个具体元素的样式设定，展示了内联样式与ID选择器的优先级及作用。

<html>
<head>
<style>
i{
	color:pink;
}
<!--h1 i{
	color:green;
}-->
  
h1#sina i{
	color:green;
}  

h1#sony i{
	color:orange;
}
  
.box{
	color:red;	
}
.box2{
	font-weight:bold;
}
</style>
</head>
<body>
<div class="box box2">plogmass</div>
<h1 id="sina"><i>sina is green</i></h1>
<h1 id="sony"><i>sony is orange</i></h1>
<p id="sina"><i>what if h1 is p</i></p>
</body>
</html>