使用Ruby on Rails时,CSS级联优先级无法正确显示

问题描述 投票:0回答:1

我有这个问题,我有一个关于html和css的项目,如果我打开index.html它只能找到但是当我把它放在ruby上的轨道上时,似乎css不能正常工作。

这是css的一部分,只是为了更清楚我要解释的内容。

#hero {
background: #0619c3 url("bg_hero.jpg");
background-size: cover; }
#hero .container {
  background: url("estudiante.png") no-repeat bottom right;
  background-size: contain; }
#hero .container .row {
  width: 44%;
  padding: 20% 2%; }
  #hero .container .row h1 {
    font-size: 32px;
    color: #fff;
    font-weight: 700;
    padding-bottom: 10px; }
    #hero .container .row h1 span {
      color: #fd78ed; }
  #hero .container .row p {
    color: #fff;
    font-size: 16px; }
  #hero.orientador {
     background: #1785fb url("bg-orientadores.jpg") repeat-y;
     background-size: 36%; }
  #hero.orientador .row {
     background: url("estudiantes.png") no-repeat left 114%;
     background-size: 36%; }
  #hero.padre {
     background: #1785fb url("bg-padres.jpg") repeat-y;
     background-size: 36%; }
  #hero.padre .row {
     background: url("oriem-logo.svg") no-repeat left 58%;
     background-size: 34%; }

它有一个CSS级联优先级,但是当我放入Ruby on Rails时,它不优先考虑容器并显示所有内容。

当我用html和css打开检查时它会向我展示这样的东西

Inspect with html and css

当我在Ruby on Rails中添加css时,这就是inspect给我看的内容

Inspect when I run it with Ruby on Rails

我也尝试过使用不同的Web浏览器预编译资产。

html css ruby-on-rails
1个回答
0
投票

问题是由身体缺少id(#page)引起的。

© www.soinside.com 2019 - 2024. All rights reserved.