第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

在反應組件中導入分割的 css 文件

在反應組件中導入分割的 css 文件

明月笑刀無情 2021-11-18 09:31:28
你好，我有我的部件拆分，并使用反應路由器-DOM和我決定分割的CSS例如每個組件Main.jsx - Main.css CustomerBase.jsx - customerbase.css，但問題是，CSS結(jié)合，如果我的身體顏色設置為白色的CustomerBase.jsx和黃Main.jsx它將使用白色兩個Main and CustomerBase如何我可以防止這種情況嗎？像這樣：customerbase.cssbody{    background: white;}主文件body{    overflow: hidden;     margin: 0;    padding: 0;    background: rgb(236, 107, 32); }
查看完整描述

1 回答

?
慕蓋茨4494581

TA貢獻1850條經(jīng)驗 獲得超11個贊

我認為你不應該多次使用 body 標簽。


您可以為每個組件設置一個包裝器 id 名稱 (#my_component_id)，并在其 CSS 文件中，在樣式前添加 #my_component_id 以僅影響該組件?；蛘?，如果您使用的是 Sass 之類的東西，您可以將所有樣式包裝在 #my_component_id 中


#title-component {

    overflow: hidden;

    margin: 0;

    padding: 0;

}


#title-component h1 {

    color: green;


}


#content-component {

    background: white;

}


#content-component h1 {

    color: red;

}

<div id="title-component">

  <h1>Hi There, Here you have green h1 tag.</h1>

</div>


<div id="content-component">

  <h1>But Here, You can see a red h1 tag!</h1>

</div>


查看完整回答
反對 回復 2021-11-18
  • 1 回答
  • 0 關注
  • 146 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網(wǎng)微信公眾號