问答详情
源自:8-1 css3的游戏规则 - 什么是选择器?

选择器的使用

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>选择器</title>

<style type="text/css">

body{

    font-size:12px;

    color:red;

}

</style>

</head>

<body>

<p>慕课网(IMOOC)是学习编程最简单的免费平台。慕课网提供了丰富的移动端开发、php开发、web前端、html5教程以及css3视频教程等课程资源。它富有交互性及趣味性,并且你可以和朋友一起编程。</p>

</body>

</html>

这里的

body{

    font-size:12px;

    color:red;

}

p{

    font-size:12px;

    color:red;

}

效果一样吗?

提问者:哼哼哈嘿哼 2016-12-29 16:06

个回答

  • 求婚总动员
    2016-12-29 16:15:06
    已采纳

    一样的。

    body设置了body全局样式,

    body里只有一个p标签,

    所以设置body样式与设置p标签的样式,在以上环境中是相同的效果。


  • qq_哼哈_0
    2016-12-29 17:56:19

    一样的。

    body设置了body全局样式,

    body里只有一个p标签,

    所以设置body样式与设置p标签的样式,在以上环境中是相同的效果


  • 2013hzx
    2016-12-29 16:51:25

    产生的小郭一样,但这里比较特殊,body中就只有一个元素p,如果有其他元素,效果就不同了,body的范围比p的大

  • cat糯米团
    2016-12-29 16:22:38

    就这段代码的话,效果是一样的。因为body里面只有p。但是如果<body>里面有span、a、table等,格式就都是body设置的样式了。所以这种写法是不常用的。

    虽然CSS有优先级,但是设置起来还是比较麻烦,没有完全必要这样子写。

  • 网瘾少年学编程
    2016-12-29 16:18:37

    是一样,但是范围不一样,body指向的是body内的全部元素都受用,而p指向的是p内的全部内容受用。如果p修改成其他的例如font-size:20px;color:blue;那么body就不受用了,这就是特殊性和层叠性问题了,可以看下第九章。

  • 我的月亮你的猫
    2016-12-29 16:17:38

    body 针对于body内中的所有范围。而p是在p定义的范围里面。

    在这里一样,但是如果再加一段,用h标签,那么答案就不一样了。

  • yyang123
    2016-12-29 16:17:35

    现在是一样的,但是建议使用P标签,因为以后也许要添加东西,到时候自己修改也可以,就像标签后面加个;一样的道理,养成好习惯

  • Hello立国
    2016-12-29 16:15:38

    一样的。

    因为<body>内除了<p>以外没有其他的标签。

  • qq_屋顶上的狗尾巴草_0
    2016-12-29 16:13:17

    我也想知道,其实可以想一想,这个题目中只是特殊情况。如果body标签里还有除了p之外的标签,比如说h,  什么的,范围就会不同了啊。