巢狀將相關樣式保持

asimk8

巢狀有很多好處： 您可以將 的結構與 的結構相匹配，因為您可以巢狀兩者。 巢狀可以避免一遍又一遍地編寫相同的選擇器。 巢狀是一種更自然的語法，更容易、更快速地閱讀和理解。 巢狀樣式更易於維護。  在一起。您可以在樣式表中的任何位置使用 中的後代選擇器，但有時很難找到哪些樣式影響哪些樣式。 巢狀很好，但不要太過分。 仍然編譯為 ，更深的巢狀會導致更多行。使用 的另一個優點是您可以提前規劃樣式，因為巢狀結構使這變得很容易。

有了良好的樣式規劃，巢狀太深應該不成問題。 有 你可以將 想象成一個函式。 可以接受引數並返回 。在編寫 時，您可能會發現自己一遍又一遍地編寫類似的樣式屬性集。下面是一個 的示 西班牙郵件列表 例，它將生成一組屬性來設定文字樣式： 以關鍵字 開頭。然後為 命名，例如 。 的引數位於括號內。我們的引數是 和 。它將返回括號之間的屬性集，其中的變數被我們傳送到的引數替換。引數列表中冒號後面的值為引數的預設值。如果呼叫 時不帶引數，則引數將使用預設值。



要使用 ，只需使用 呼叫它來代替 檔案中的屬性，然後使用帶有引數的 即可。 編譯時，它將生成以下 ： 如果我們不使用任何引數，如下所示： 它將返回此預設值： 桑德拉 的課程 我們還可以通過使用關鍵字引數來選擇僅使用某些引數。以下是我們如何呼叫 以使用除顏色之外的所有預設屬性，它將設定為紅色。 您可以更輕鬆地組織 專案 為您的樣式新增結構。使用 ，您可以將樣式表分解為多個檔案，並按用途進行組織，但隨後您必須在瀏覽器中單獨載入所有檔案，每個檔案使用單獨的請求。