使用<p> </p>时忽略样式

Question

我正在使用以下

http://codepen.io/anon/pen/abpEB 

你可以看到一个简单的html + css代码。我无法理解为什么文字没有用红色着色:( 奇怪的是，当我使用<div>代替<p>时 - 颜色为红色。

有人知道这里有什么问题吗？

Answer 1

这是因为您在另一个<p>标记内使用了<p>标记，html将它们渲染为两个单独的<p>标记，您可以通过检查chrome中的元素来看到这一点。您可以在span标记内使用<p>标记。

Answer 2

请删除第一个css类并使用此代码

p.street {
 color: red;    
}