CSS влияет только на элементы, находящиеся внутри контейнера?

Question

У меня есть CSS-файл, который вкратце содержит блоки, как это:

%container .grass { 
    position:fixed; 
    bottom:0px; 
    height:3%; 
    background-color:#4CAF50; 
    width:105%; 
    margin-left:-10px; 
} 

Где% контейнер является контейнером, где должны быть затронуты все элементы с классом .grass,% контейнер всегда идентификатор говорят #container или # appcontent

Но я думаю, что я где-то не прав, потому что он не работает, и это может быть что-то действительно простое, так где же оно?

У меня есть больше контента, такие как:

%container .subcontainer:not(.ui-draggable-dragging) { 
    cursor:grab; 
} 
%container .numbercontainer > .number, %container .signcontainer > .sign { 
    display:block; 
} 

Okay здесь является препроцессором, я абсолютно уверен, что он генерирует содержимое правильно, потому что я проверил его выход и результат дали, но по какой-то причине это Безразлично Не работай.

App.prototype.getMainCSS = function(url) { 
    console.log("GET: " + url); 
    if (App.dependenciesLoaded.indexOf(url) === -1) { 
     $.get(url,(function(data){ 
      var cssfile = document.createElement("link") 
      cssfile.rel = "stylesheet"; 
      cssfile.type = "text/css"; 
      cssfile.innerHTML = data.replace(/%container/g,"#" + this.element.id); 
      App.dependenciesLoaded.push(url); 
      document.getElementsByTagName("head")[0].appendChild(cssfile); 
     }).bind(this)); 
    } 
} 

Answer 1

Это решает проблему.

App.prototype.getMainCSS = function(url) { 
    console.log("GET: " + url); 
    if (App.dependenciesLoaded.indexOf(url) === -1) { 
     $.get(url,(function(data){ 
      var cssfile = document.createElement("style") //not link 
      //cssfile.rel = "stylesheet"; useless line 
      cssfile.type = "text/css"; 
      cssfile.innerHTML = data.replace(/%container/g,"#" + this.element.id); 
      App.dependenciesLoaded.push(url); 
      document.getElementsByTagName("head")[0].appendChild(cssfile); 
     }).bind(this)); 
    } 
}