Skip to content

[css] 第277天 一个页面引用多个文件,如何防止样式冲突? #1789

Open
@haizhilin2013

Description

@haizhilin2013

第277天 一个页面引用多个文件,如何防止样式冲突?

我也要出题

Activity

liwudi

liwudi commented on Jan 17, 2020

@liwudi

编码层面:

1、定制规则:不同的样式文件表,增加不同的前缀。
2、按照功能区分文件:不同的文件样式表,针对页面不同的部分写样式,通过样式层级的方式,确认样式的边界。(例如header部分:#header p { },footer部分:#footer p { })。

工具层面:

1、postCss的使用
2、vue中scoped、react中的css module配置等等

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

      Development

      No branches or pull requests

        Participants

        @haizhilin2013@liwudi

        Issue actions

          [css] 第277天 一个页面引用多个文件,如何防止样式冲突? · Issue #1789 · haizlin/fe-interview