Question

css为什么不能将一个div里面的东西同时定义字体大小？

如
html：
<div id="wrapper">
<p>这是一段P</p><span>这是一段span</span>
</div>
CSS：
#wrapper {
font-size: 50px;
}
为什么不行呢？怎么才能行呢？谢谢

Answer 1

我试了一下，效果是有的。
引用楼上的话：你先检查一下是不是哪里设置了全局的p和span的字体样式。
这些属性是会继续父级的设置的。如果在全局中你设置的p,span的字体样式，但在此处需要的字体不是那些全局的，可以不继承父级的设置。
你可以通过就近覆盖，设置新的样式。
例如，如果你想在wrapper的div里面<p><span>有新的样式，可以这样：
#wrapper p{font-size:59px;}
#wrapper span{font-size:36px}根据就近原则，你需要的那个p,span样式就显示出来了，而不会继承全局的p,span的设置了。

Answer 2

一 你可以是用id的原因，因为id只能一处调用，多处调用会乱
二 你可以定义了两次，如
#wrapper{font-size:50px;}
#wrapper span{font-size:20px;}
这样就由下面的样式决定了

如果出错的原因是第一种，那么建议用class定义，它可以多处调用，如

<div class="wrapper">
<p>p内容</p>
<span>span内容</span>
</div>
css：
.wrapper{font-size:50px;}

如果的第二种原因，那就得自己多注意

Answer 3

可以的。

这儿不行的原因有以下几点：

1. 编码错误，导致样式无效，都采用了默认样式；

2. 样式优先级没有处理好，导致样式被覆盖；

3. 本来还要考虑到浏览器兼容性，但是这儿的字体设置，是所有浏览器都兼容的。
   

Answer 4

一般都会继承父级的字体样式的，你先检查一下是不是哪里设置了全局的p和span的字体样式，你可以用360浏览器的F12调出插件（firefox浏览器也可以按照一个firebug插件），这样可以查看页面的html代码和css样式，一般如果样式与自己设置的不符的时候就通过这个方式查看
如果没有其他地方设置，那你就单独设样式好了

Answer 5

可以的啊，在一个div里你直接定义字体大小它就是这个div里的字体的大小了