用css放置命名空間

-2

我想添加以防止twitterbootstrap與一些以前的其他css文件衝突，您的幫助將不勝感激。謝謝用css放置命名空間

我希望所有的東西都包裝在一個.tbwrap類中。

2012-07-15 amari martins

歡迎SO。在發佈問題之前，請閱讀常見問題。這裏的人會很樂意幫忙，但是有特定的問題。你的含義有點模糊。如果你可以編輯它包括一個特定的問題，並顯示你已經嘗試/查看，我們可以提供幫助。 – Utkanos 2012-07-15 10:11:39

如果你使用PHP，你可以看看這個類：http://code.google.com/p/aframework/source/browse/trunk/aFramework/Lib/CSSSelectorPrefixer.php?r=1298。你可以像這樣使用它：'CSSSelectorPrefixer :: prefixSelectors（$ codeHere，'.tbwrap'）' – powerbuoy 2012-07-15 10:37:08

對不起，我不知道如何解釋它的詳細說明。 @powerbuoy非常感謝。正是我在找的 – 2012-07-15 11:30:55

你需要使用的是LESS。

一個例子來自LESS homepage

#header { 
     h1 { 
     font-size: 26px; 
     font-weight: bold; 
     } 
     p { font-size: 12px; 
     a { text-decoration: none; 
      &:hover { border-width: 1px } 
     } 
     } 
    }

/*編譯CSS */

#header h1 { 
    font-size: 26px; 
    font-weight: bold; 
} 
#header p { 
    font-size: 12px; 
} 
#header p a { 
    text-decoration: none; 
} 
#header p a:hover { 
    border-width: 1px; 
}

包裹都在.tbwrap你的CSS的 - 這將是你的LESS文件。
使用在線編譯如Winless少轉換成CSS

來源

2012-07-15 10:13:49 Mwayi

IIRC，不是Bootstrap反正使用LESS？ – Bojangles 2012-07-15 10:17:05

這是事實，但該示例不需要使用twitterbootstrap來工作。 – Mwayi 2012-07-15 10:28:59

但是OP使用Bootstrap，所以爲什麼要經過使用LESS和LESS的努力？ – Bojangles 2012-07-15 10:43:44

用css放置命名空間

回答

相關問題