230问答网 > 在有多个p标签怎么单独定义每个p标签里面的CSS属性，使用外部样式表

在有多个p标签怎么单独定义每个p标签里面的CSS属性，使用外部样式表

2024-12-29 20:39:45

推荐回答（4个）

回答1：

p里面的标签不一样的很简单，如果有可能一样，就把各个p上加上class

第一种情况，通配符就可解决
p h2{color:绿色}
p h3{font-size:30px;color:#ff00ff}
p h1{color:红色}

第二种，在p上加上相对应的class
.p1Green h2{color:绿色}
.p2boldGreen h3{font-size:30px;color:#ff00ff}
.p3Red h1{color:红色}

在在html上加上class

h2

样式优先级如下：!important>style>id>class>通配

回答2：

第一种：给每个P加单独的ID或者class，然后给这些ID或者CLASS写css
第二种：借助js动态给每个P加一个不同的class，然后给这些class写css

回答3：

楼上两位说的太对了。

p:nth-child(0) {第一个P}
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}

这是css3的写法。IE9以前的不支持。

回答4：

p:nth-child(0) {第一个P}
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}
。。。。。。