Ember.js的CSS继承问题_Css_Twitter Bootstrap_Ember.js_Less

Ember.js的CSS继承问题

css twitter-bootstrap ember.js less

Ember.js的CSS继承问题,css,twitter-bootstrap,ember.js,less,Css,Twitter Bootstrap,Ember.js,Less,我在获取余烬应用程序时遇到问题。index.html如下所示： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>title</title> <meta name="author" content="me"> <!--[if lt IE 9

我在获取余烬应用程序时遇到问题。index.html如下所示：

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="utf-8">
        <title>title</title>
        <meta name="author" content="me">
        <!--[if lt IE 9]>
            <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
        <![endif]-->
        <link rel="shortcut icon" href="favicon.ico">
        <link href="inspiritas.css" rel="stylesheet">
    </head>

    <body>
        <script type="text/x-handlebars">
            <div class="navbar navbar-static-top navbar-inverse">
                <div class="navbar-inner">
                    <div class="container">
                        ...
                    </div>
                </div>
            </div>
            <div class="container">
                <div class="row-fluid">
                    <div class="span3">
                        ...
                    </div>
                    {{outlet}}
                </div>
            </div><!-- /container -->
        </script>

        <script type="text/x-handlebars" id="dashboard">
            <div class="span9" id="content-wrapper">
                <div id="content">
                    <section id="tables">
                        ...
                    </section>
                </div>
            </div>
        </script>

更新：好吧，我不知道为什么，但是一个类名后来变了，它全完了，所有的东西都失去了它的样式。

你粘贴的CSS规则使用了后代选择器，这意味着只有带有

容器类的元素在主体元素的正下方才会被样式化。但是当Ember插入把手模板时，它会通过一个视图包装它们，这会创建另一个中间DIV。我想这就是你的风格没有出现的原因。
Lol，是的，我想了很多，如果不使用后代选择器，我还能如何在CSS中表达相同的内容？我个人会添加一个不同的标识类，而不仅仅是容器
，因为这有点过于通用。如果您决定避免更改HTML，那么您可以使用类似body>.ember view>.container
（但显然要注意，相同级别的任何其他容器，即使在不同的视图中，也会符合该规则）。很好，是的，感谢您的理解，如果我使用另一个标识类，我仍然希望它使用所有的container
s属性，这是否可能使用更少的或CSS？老实说，我不介意更改HTML，我只是不想丢失Bootstrap已经应用于它的格式。您可以有多个类，因此您可以始终保留容器
，因此您可以选择常规的Bootstrap样式，然后添加contentContainer或任何东西，然后直接进行样式设置。我肯定尝试过类似的东西，我会放弃我所做的工作，重新开始，像你说的那样尝试。谢谢：）
body > .container {
    // Color the whole container like the sidebar to fix faux columns
    background: url('images/sidebar_bg.png') repeat @sidebarBackground;

    .border-radius(@borderRadiusLarge);

    // Make some space, eh.
    margin-top: 40px;
    margin-bottom: 40px;
}