html中的注释对样式表的影响

最新推荐文章于 2024-06-25 22:00:00 发布

洛神赋在csdn

最新推荐文章于 2024-06-25 22:00:00 发布

阅读量626

点赞数 1

分类专栏： css

本文链接：https://blog.csdn.net/qq_23143555/article/details/78379307

版权

css 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

导致样式失效的注释

<html>
<head>
  <meta charset = "UTF-8">
  <style type = text/css>
	<!--只要属性值中包含section1即可，不论位置如何-->
	[id *= section1]
	{
		background:yellow;
	}
	<!--属性值开头包含即可-->
	[id ^= section]
	{
		background:red;
	}
	<!--属性值结尾包含即可-->
	[id $= \-2]
	{
		background:green;
	}
  </style>
</head>

<body>
<div id = "section1">马诗</div>
<div id = "subsection1-1">大漠沙如雪</div>
<div id = "subsection1-2">关山月似勾</div>
<div id = "subsection1-3">何当金络脑</div>
<div id = "subsection1-4">快走踏清秋</div><hr>

<div id = "section2">人民解放军占领南京</div>
<div id = "subsection2-1">钟山风雨起苍黄</div>
<div id = "subsection2-2">百万雄师过大江</div>
<div id = "subsection2-3">虎踞龙盘今胜昔</div>
<div id = "subsection2-4">天翻地覆慨而慷</div>
<div id = "subsection2-5">宜将剩勇追穷寇</div>
<div id = "subsection2-6">不可沽名学霸王</div>
<div id = "subsection2-7">天若有情天亦老</div>
<div id = "subsection2-8">人间正道是沧桑</div>
</body>
</html>

不对样式产生影响的注释 /*注释*/

<html>
<head>
  <meta charset = "UTF-8">
  <style type = text/css>
	/*只要属性值中包含section1即可，不论位置如何*/
	[id *= section1]
	{
		background:yellow;
	}
	/*属性值开头包含即可*/
	[id ^= section]
	{
		background:red;
	}
	/*属性值结尾包含即可*/
	[id $= \-2]
	{
		background:green;
	}
  </style>
</head>

<body>
<div id = "section1">马诗</div>
<div id = "subsection1-1">大漠沙如雪</div>
<div id = "subsection1-2">关山月似勾</div>
<div id = "subsection1-3">何当金络脑</div>
<div id = "subsection1-4">快走踏清秋</div><hr>

<div id = "section2">人民解放军占领南京</div>
<div id = "subsection2-1">钟山风雨起苍黄</div>
<div id = "subsection2-2">百万雄师过大江</div>
<div id = "subsection2-3">虎踞龙盘今胜昔</div>
<div id = "subsection2-4">天翻地覆慨而慷</div>
<div id = "subsection2-5">宜将剩勇追穷寇</div>
<div id = "subsection2-6">不可沽名学霸王</div>
<div id = "subsection2-7">天若有情天亦老</div>
<div id = "subsection2-8">人间正道是沧桑</div>
</body>
</html>

至于原因：收费的，年青人。