在CSS的编写中，我们经常需要指定某个样式仅在特定的页面才生效。有几种方法可以实现这个目的。
第一种是在HTML文档中添加class或id属性。可以给
标签添加一个class或id，然后在CSS文件中使用该class或id来指定样式。例如：<body >CSS样式为：.home h1 {color: red;}这样，只有在带有的页面中，h1元素的颜色才会被设为红色。如果要在多个页面中使用相同的样式，可以在HTML的公共部分中引用CSS文件，并在每个页面的
标签中定义不同的class或id属性。第二种方法是使用HTML的meta标签。可以在
标签中添加meta标签，指定页面的name属性为viewport，然后在content属性中使用CSS的@media规则来指定不同的样式。例如：<head><meta name="viewport" content="width=device-width, initial-scale=1">CSS样式为：@media only screen and (max-width: 600px) {h1 {font-size: 16px;} }</head>这里，只有在视口宽度小于600像素的情况下，h1元素的字体大小才会被设为16像素。这种方法适合于需要为不同的屏幕分辨率设置不同的样式。
总之，通过设置class或id属性以及使用HTML的meta标签，我们可以灵活地指定CSS只在特定页面生效，从而达到更好的样式分离、内容聚焦的效果。
上一篇：JavaScript中一竖
下一篇：css指定select的宽度
