我的應用程式使用多個使用 CSS 模塊的類。
open是一個布爾變數，用于確定 Paper 是否應該移動。
<Paper className={`${classes.paper} ${open && classes.paperShift}`}>
問題：為什么要使用多個類，它們如何呈現不同的結果？
請注意，我查看了另一篇文章：使用 css 模塊如何定義多個樣式名稱
uj5u.com熱心網友回復：
每個 CSS 類的規則由瀏覽器簡單地組合在一起，所有規則都應用于元素。（如果任何規則相互矛盾，瀏覽器將決定哪個具有優先權 - 如果您了解更多有關 CSS 的知識，您可以開始詳細了解其作業原理）。
因此，可以使用多個類同時對一個元素應用各種不同的樣式。這些規則可能被分成不同的類，以使視覺設計更靈活，規則更可重用。
JavaScript 代碼也可以潛在地使用在元素上定義的類來選擇某些元素（或元素組），以便對它們執行操作或從中獲取資訊。
uj5u.com熱心網友回復：
這些是 HTML 類，而不是 CSS 類。
它只是意味著該元素是多個類的成員。
任何試圖通過任一類參考該元素的東西（CSS、JS 或其他任何東西）都會找到它。任何試圖被兩個類參考的東西都會找到它。
console.log(Array.from(document.querySelectorAll('.one')));
console.log(Array.from(document.querySelectorAll('.two')));
console.log(Array.from(document.querySelectorAll('.one.two')));.one {
font-family: monospace;
font-size: 1.5em;
}
.two {
background: yellow;
}<div class="one">one</div>
<div class="two">two</div>
<div class="one two">one two</div>轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/487765.html
標籤：javascript html css 反应 材料-ui