Angular 爱奥尼亚2如何知道使用哪种样式

在离子2中，组分的定义如下

@Component({
    selector:'some-selector',
    templateUrl:'some-template.ts'
})

有一个相应的样式表，但它从未在@Component属性中定义。它如何使样式表在未定义的情况下仍使用样式

@Component({
    selector: 'page-home',
    templateUrl: 'home.html'
})

在

组件

（本例中为主页）中定义

选择器

属性时，您正在设置将用于该组件的html元素的名称。因此，爱奥尼亚将创建一个html元素，其标记为

page home

，并将包含

home.html

文件的内容

然后，如果转到

home.scss

文件，您将看到该文件以开头

page-home {
    /* Style rules ... */
}

因此，基本上通过这样做，这些样式规则将被限制在元素

page home

和该标记内的元素

在

组件

（本例中为主页）中定义

选择器

属性时，您正在设置将用于该组件的html元素的名称。因此，爱奥尼亚将创建一个html元素，其标记为

page home

，并将包含

home.html

文件的内容

然后，如果转到

home.scss

文件，您将看到该文件以开头

page-home {
    /* Style rules ... */
}

---

因此，基本上通过这样做，这些样式规则将被限制在元素

页面主页

和该标记内的元素。

可能需要指出的是，ionic2本身不知道要使用哪种css，也不关心。它只是将所有可见的SCS捆绑到一个main.css中。我想指出的是，ionic2本身并不知道要使用哪个css，也不在乎。它只是将所有可见的SCS捆绑到一个main.css中。