如何避免css類名稱的名稱衝突

我正在寫一個使用雅虎的PURE類的css類的網頁。詳細地說，它並不是一個獨立的網頁，而是某個網站的網頁的一部分。而且我沒有與運營該網站的公司聯繫。如何避免css類名稱的名稱衝突

當我測試我的零件作爲一個獨立的網頁時，它看起來很好。儘管當我測試父級網頁中的部分時，我注意到css根本沒有工作。

我可以假設的錯誤的唯一原因是名稱衝突。例如，我的部分使用PURE中定義的類「標題」。我想父類網頁的程序員使用類名。

如果我的假設是正確的，你能幫我避免名稱與css類名稱的衝突。

來源

2016-05-27 yuzu

選擇一個班級名稱，搜索所有文件，如果沒有，您可以繼續。 –

爲此考慮使用BEM方法（嘗試閱讀http://getbem.com/introduction/）。

讓我們假設你打電話給你的應用程序（或小部件或網站，如你所願）MyPersonalApp。命名類因而相應的，如下例所示：

<div class="MyPersonalApp"> 
    <div class="MyPersonalApp__container"> 
     <p class="MyPersonalApp__text"> 
      Hello world. 
     </p> 
    </div> 
</div>

但是這個代碼將不能保證你會遇到與父母網站有衝突，所以儘量挑選爲唯一的名稱，就可以了。當我編寫小部件或嵌入式應用程序時，我會嘗試挑選像EmbeddedChatWidgetBySomeCompany這樣的名稱，並故意使用駱駝套 - 因爲這通常不是開發人員用於其類名稱的名稱。

來源

2016-05-27 10:07:25

如何避免css類名稱的名稱衝突

回答

相關問題