Question

的代码开发了一个简单的angularjs应用程序

它基本上将您的页眉和页脚创建为指令以便在任何地方使用。

代码工作正常，但如何为页眉和页脚html文件应用自定义css。

它们只能在线应用吗？换句话说，我不能引用外部CSS。

EDIT: Code @ http://plnkr.co/edit/AmvqLu?p=options
Expected: Need to apply style.css to header.html alone.

感谢您的回复。

Answer 1

CSS文件必须放在文档head中，您不能将它们放在Angular模板（header.html文件）中。相反，将所有css文件放在文档头中并命名为CSS，以便它们仅应用于您希望它们的部分。

<强>的index.html

<html>
<head>
<link rel="stylesheet" href="/styles/app.css">
</head>
...

<强> header.html中

<div class="header"><p>This is some text</p></div>

app.css （仅将标题段落转为蓝色）

.header p { color: blue; }

您可以搜索面向对象的CSS（OOCSS）或BEM，以获取有关CSS命名约定的更多信息，以便规则不会发生冲突。