傳統(tǒng)的css能實現(xiàn)樣式私有化嗎

加class前綴包裹， 在抓取的dom最外層加一個空class,然后將樣式文件的所有定義放在該class后面 -- 傳統(tǒng)的html css 一般是這種做法；
像angular框架等現(xiàn)在都有相關支持了，只要配置參數(shù)就能隔離組件之間的樣式

命名空間可以，你可以看下https://www.w3cplus.com/css/c...
.l-wrap {

padding-left: 1em;
padding-right: 1em;

@media (min-width: 1000px) {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
}

}
我將在每個地方都使用.l-wrap類，比如在header和footer里來對齊內(nèi)容：

<div class="site-header">

<div class="l-wrap">
    <!-- stuff -->
</div>

</div>

<div class="site-footer">

<div class="l-wrap">
    <!-- stuff -->
</div>

</div>

如果這個要填寫的dom元素是你自己決定的，建議使用style來寫。這個樣子比較好解決，如果不是自己寫的，你不能進行更改，那就只能重寫自己的css了?；蛘呓o自己的當前的頁面在最外層多加上一個class，把css都加上這個class前綴來提高優(yōu)先級。在里面覆蓋外部的樣式，但是效果都不見得很好。
如果你用vue這些倒是可以scoped來解決了

或者可不可以把外部css文件和dom合并,變成內(nèi)聯(lián)樣式

最外層套一個標簽，并且取個自定義的屬性：

<div _abcd>
    <!-- 抓取的元素 -->
</div

然后遍歷所有抓取的css通配符，在前面加一個[_abcd]。
例如.main .pre就變成[_abcd] .main .pre