2012-07-15 70 views
-2

我想添加以防止twitterbootstrap与一些以前的其他css文件冲突,您的帮助将不胜感激。谢谢用css放置命名空间

我希望所有的东西都包装在一个.tbwrap类中。

+0

欢迎SO。在发布问题之前,请阅读常见问题。这里的人会很乐意帮忙,但是有特定的问题。你的含义有点模糊。如果你可以编辑它包括一个特定的问题,并显示你已经尝试/查看,我们可以提供帮助。 – Utkanos 2012-07-15 10:11:39

+0

如果你使用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

+0

对不起,我不知道如何解释它的详细说明。 @powerbuoy非常感谢。正是我在找的 – 2012-07-15 11:30:55

回答

2

你需要使用的是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; 
} 
  1. 包裹都在.tbwrap你的CSS的 - 这将是你的LESS文件。
  2. 使用在线编译如Winless少转换成CSS
+0

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

+0

这是事实,但该示例不需要使用twitterbootstrap来工作。 – Mwayi 2012-07-15 10:28:59

+0

但是OP使用Bootstrap,所以为什么要经过使用LESS和LESS的努力? – Bojangles 2012-07-15 10:43:44