例子中的p.first{color:red} p的意义？-慕课网

首页课程实战体系课手记专栏慕课教程

例子中的p.first{color:red} p的意义？

来源：9-4 为所欲为 - 选择器最高层级!important

qq_信仰宽容_04129543

2016-11-05 14:06

例子中的p.first{color:red} p的意义？是否可以去掉

写回答关注

3回答

qq_再往前走几步_03281144: 2016-11-05 14:16:17

已采纳

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>demo</title>
<style type="text/css">
p.first{
color:red;
}
</style>
</head>
<body>
<p class="first">文本段落文本段落文本段落文本段落文本段落文本段落文本段落文本段落</p>
<p>文本段落文本段落文本段落文本段落文本段落文本段落文本段落文本段落</p>
<div class="first">
文本段落文本段落文本段落文本段落文本段落文本段落文本段落文本段落
</div>
</body>
</html>

选中P和P包含的元素类名为first的标签，如果在文档中其他标签的类名不与其相同，就可以去除，如上述例子

2 2

qq_再往前... 回复qq_信仰宽...

截图原因，跟例子无关

2016-11-05 14:53:35

共 2 条回复 >

qq_痞子绅士_1

2016-11-24 17:34:28

只是一个标准的定位形式，p是first的父元素，而.first是类选择器

0 0
孤独1个人

2016-11-05 14:12:52

p是一个段落标签，这段css样式的意思是：在p段落下class名叫.first的标签，把颜色设置位红色

0 1

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225808 学习 · 18234 问题

查看课程

相似问题

p{color:red;} 与 p.first{color:green;}权指分别是1和11吗？

回答 3

p.first{}和p>first{}的区别？请举个简单点的例子谢谢

回答 8

关于p.first和 p(中间任意数量空格).first

回答 3

.first p{color:red;}无效吗？

回答 4

既然给了P一个！important语句，那p.first的意义在哪儿？直接删掉不行吗

回答 1

打开慕课网App查看更多内容