從HTML標記生成CSS文件

我創建了很多html和css頁面。有沒有一種方法來標記一個HTML文件，而不是從標記生成一個CSS文件。從HTML標記生成CSS文件

下面是我在想什麼：

示例標記示例生成CSS

#home { } 
#home #main { } 
#home #main article { } 
#home #main article p { } 

#home aside { } 
#home aside article { } 
#home aside article p { }

來源

2011-08-16 Dan

我會看看CSS Lint - 生成的CSS類型是非常不切實際的。切勿使用2個ID，而CSS lint實際上建議不要使用它們。 –

建議不使用ID時，CSS lint很愚蠢。 – sidyll

除非你有另一個過程去掉任何空的css規則，否則這會留下太多未使用的css文件，導致你的css文件膨脹並使你的網站變慢。 –

是的，是的

<body id="home"> 
    <section id="main"> 
     <article> 
      <p>Some content</p> 
     </article> 
    </section> 

    <aside> 
     <article> 
      <p>Some more content</p> 
     </article> 
    </aside> 
</body>

：parse the HTML步行DOM樹生成你的骨架CSS文件。

PS：這是非常不切實際的CSS。

來源

2011-08-16 21:13:32 Vlad

我同意這是不切實際的CSS，但它使文件非常可讀，並最終節省時間與未來的編輯。 – Dan

@Dan：輸入新選擇器的時間越少，搜索選擇器的時間越多。除非你的網頁很小，否則我認爲通常的方式會更快。 – Charles

嗯...這是第一名用戶的答案嗎？ – Charles

從HTML標記生成CSS文件

回答

相關問題