css 样式（一）定义选择器

于 2012-02-05 11:45:01 发布

阅读量486

点赞数

CC 4.0 BY-SA版权

文章标签： css class

本文链接：https://blog.youkuaiyun.com/acmmsdn/article/details/7234584

前端专栏收录该内容

9 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>