HTML css嵌套的一个例子

191 阅读1分钟

源代码:

<html>
<style>
div {
	color: blue;
	border: 2px solid red;
	padding-right: 10px;
	margin-right: 10px;
}
</style>
<div>Hello</div>
<p></p>
<div><div>World</div></div>

</html>

内容为World的div,被嵌套在另一个div里。

注意内层div的padding实际为:

10px + 10px = 20px

css似乎不能仿照下图的scss一样,定义嵌套的标签选择器?

更多Jerry的原创文章,尽在:“汪子熙”: