问答详情
源自：9-4 为所欲为 - 选择器最高层级!important

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

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

提问者：qq_信仰宽容_04129543 2016-11-05 14:06

个回答

  • 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>

    http://img.mukewang.com/581d78e40001d64305460104.jpg

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

    2
  • qq_痞子绅士_1
    2016-11-24 17:34:28

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

    0
  • 孤独1个人
    2016-11-05 14:12:52

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

    1