[分享]css区分两个不同样式的标签

在CSS中，有时需要给不同的标签设置不同的样式。例如，我们想让h1标签和p标签有不同的字体大小和颜色。如何实现这个效果呢？h1 { fontsize: 24px; color: red; } p { ...

在CSS中，有时需要给不同的标签设置不同的样式。例如，我们想让h1标签和p标签有不同的字体大小和颜色。如何实现这个效果呢？

h1 {
   font-size: 24px;
   color: red;
}

p {
   font-size: 16px;
   color: black;
} 

在上面的代码中，我们使用了h1和p来区分两个不同的标签，并给它们设置了不同的样式。在{}中，我们可以添加任意数量的CSS属性，以设置所需的样式。

需要注意的是，CSS选择器是大小写敏感的。因此，如果我们使用h1来选择H1标签，那么样式将不会应用到H1标签上。

此外，还可以使用类名和ID来区分不同的元素，并设置不同的样式。例如：

.title {
   font-size: 24px;
   color: red;
}

#intro {
   font-size: 16px;
   color: black;
} 

在上面的代码中，我们使用了类名.title和ID#intro来区分两个不同的元素，并给它们设置了不同的样式。

总之，在CSS中，我们可以使用标签名、类名和ID来区分不同的元素，并给它们分别设置不同的样式。