HTML不使用CSS规则

-1

我是新来的CSS，我有这个问题，我的HTML不使用我定义的一些CSS规则。我有这样的HTML：HTML不使用CSS规则

<!DOCTYPE html> 

<html ng-app="sample", lang="he"> 
<head> 
    <title>Project</title> 

    <meta charset="utf-8"> 

    <link rel="stylesheet" type="text/css" href="bootstrap.min.css" /> 
    <link rel="stylesheet" type="text/css" href="main.css"> 

    <script type="text/javascript" src="angular.min.js"></script> 
    <script type="text/javascript" src="app.js"></script> 
</head> 

<body> 
    <div ng-controller="AppController as app"> 
     <div class="peoplelist", ng-repeat="person in app.people.data"> 
      <p class="name">{{person.first + ' ' + person.last}}</p> 
      <p class="id">{{person.id}}</p> 
     </div> 
    </div> 
</body> 
</html>

这个CSS：

p.name { 
    font-family: "David"; 
    font-size: 20px; 
    margin: 0rem; 
    float: right; 
} 

p.id: { 
    font-size: 12px; 
    margin: 0rem; 
    float: right; 
} 

div.peoplelist: { 
    margin: 5rem; 
    float: right; 
}

当我在我的浏览器（Chrome）中打开HTML我可以看到，第一条规则（p.name）使用，但其他2个都没有，浏览器忽略它。当我检查它时（Ctrl + Shift J），我看到规则与元素没有关联。

我似乎无法在网上找到答案。有人能告诉我代码有什么问题吗？

TNX

来源

2015-06-12 Dor Mesica

不要使用，来分隔属性。使用空间 – progsource

请使用体面的IDE来防止您未来陷入此类错误。 –

有没有:在规则的结尾。第一条规则是正确的。在末尾删除:：

p.id: {} 
----^ 
div.peoplelist: {} 
--------------^

除去上面说从规则:。你的最后一张应该是这样的：

p.id { 
    font-size: 12px; 
    margin: 0rem; 
    float: right; 
} 

div.peoplelist { 
    margin: 5rem; 
    float: right; 
}

还有一件事。对于HTML属性，没有逗号！

<html ng-app="sample", lang="he"> 
<!-------------------^

删除！使用空格：

<html ng-app="sample" lang="he">

来源

2015-06-12 08:09:29

HTML不使用CSS规则

回答

相关问题