在有多个p标签怎么单独定义每个p标签里面的CSS属性，使用外部样式表
<html><head><linktype="text/css"rel="stylesheet"href="short5.css"/></head><body><p><h...
<html>
<head>
<link type = "text/css" rel = "stylesheet" href ="short5.css"/>
</head>
<body>
<p>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
</p>
<p>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
</p>
<p>
<h1>h1</h1>
<h1>h1</h1>
</p>
</body>
</html>
第一个p标签里把第一个h2标签里的字变成绿色
第二个p标签里把所有内容变成绿色，把第一个h3标签的内容字体变成30px，颜色为
#ff00ff
第三个p标签里把所有内容变成红色
要求使用外部样式表，多选择器来完成样式属性定义
你说的类选择器也实现不了啊 展开
<head>
<link type = "text/css" rel = "stylesheet" href ="short5.css"/>
</head>
<body>
<p>
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
</p>
<p>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
<h3>h3</h3>
</p>
<p>
<h1>h1</h1>
<h1>h1</h1>
</p>
</body>
</html>
第一个p标签里把第一个h2标签里的字变成绿色
第二个p标签里把所有内容变成绿色，把第一个h3标签的内容字体变成30px，颜色为
#ff00ff
第三个p标签里把所有内容变成红色
要求使用外部样式表，多选择器来完成样式属性定义
你说的类选择器也实现不了啊 展开
4个回答
展开全部
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
<p class="p1Green">
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
</p>
样式优先级如下：!important>style>id>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
<p class="p1Green">
<h2>h2</h2>
<h2>h2</h2>
<h2>h2</h2>
</p>
样式优先级如下：!important>style>id>class>通配
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
第一种：给每个P加单独的ID或者class，然后给这些ID或者CLASS写css
第二种：借助js动态给每个P加一个不同的class，然后给这些class写css
第二种：借助js动态给每个P加一个不同的class，然后给这些class写css
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
楼上两位说的太对了。
p:nth-child(0) {第一个P}
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}
这是css3的写法。IE9以前的不支持。
p:nth-child(0) {第一个P}
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}
这是css3的写法。IE9以前的不支持。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
p:nth-child(0) {第一个P}
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}
。。。。。。
p:nth-child(1) {第二个P}
p:nth-child(2) {第三个P}
。。。。。。
已赞过
已踩过<
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
