在Angular2的组件中使用模板中的HTML和CSS

我正在尝试将一个HTML主题转换成一个Angular2网站

这里有一个简短的例子来说明我的意思：

我编写了一个具有类名列表的组件

list.component.html

```<aside class="list">
   <ul>
      <li>Example</li>
   </ul>
</aside>
```

由于组件标记是DOM的一部分，因此这些样式不会呈现，页面的样式也根本不正确。如果我需要修改的话，要让它看起来正确将是一件非常繁琐的工作。那么我相信IE、Firefox和移动设备都会受到负面影响

---

想知道是否有人知道更简单的方法

什么是a或“内容div”？有什么问题？什么CSS没有应用到哪里？你的内容div在哪里？看起来我把它漏掉了。。很抱歉，我已经添加了它。“因为组件标记是DOM的一部分，所以这些样式不会呈现”是什么意思？我仍然不明白问题是什么。css需要div.content>aside.list，但页面html是div.content>app list>aside.list

```<div class="content">
    <h1>Main</h1>
    <app-list _ngcontent-iua-7 _nghost-iua-0>
       <aside class="list">
          <ul>
             <li>Example</li>
          </ul>
       </aside>
    </app-list>
</div>```

.content aside.list{
    //blah blah blah
}