Stylus kompilieren falsch machen

Question

alle, hoffe, Sie werden mir helfen. Ich habe angefangen Stile zu stylen und alles war mit wenigen Blöcken der Website. Aber wenn ich anfangen divs für Galerie zu schreiben (hier Code davon)

body 
    clearfix() 
    text-align center 
    background url('./bgh1.jpg') no-repeat center center fixed 
    background-size(cover) 

#gallery 
    margin-left 6% 
    width 88% 
    display block 
    margin-left auto 
    margin-right auto 
    height 500px 
    background black 

    #line1 
     width 980px 
     height 345px 
     background #ffffff 

     #col1 
      width 500px 
      height 500px 
      border 2px solid black 
      img 
       max-width 100% 
       max-height 100% 

Es mit vielen Fehlern zusammengestellt

#gallery { 
    margin-left: 6%; 
    width: 88%; 
} 
#gallery display block { 
    margin-left: auto; 
} 
#gallery margin-right auto { 
    height: 500px; 
    background: #000; 
} 
#gallery margin-right auto #line1 width 980px { 
    height: 345px; 
    background: #fff; 
} 
#gallery margin-right auto #line1 #col1 { 
    width: 500px; 
    height: 500px; 
    border: 2px solid #000; 
} 
#gallery margin-right auto #line1 #col1 img { 
    max-width: 100%; 
    max-height: 100%; 
} 

Dieser Befehl, den ich schon lange mit Kompilieren

stylus -w views/stylesheets/styl.styl -o views/style.css 

Answer 1

Siehe Selectors: Indentation:

Whitespa ce ist signifikant [...]

Sie mischen Whitespaces und Tabs (sogar in den gleichen Zeilen). Auch wenn dies in Ihrem Editor OK aussieht, kann dies zu Problemen führen, wenn der Leerraum signifikant ist. Daher sollten Sie Ihren Editor so konfigurieren, dass Tabs durch einzelne Whitespaces ersetzt werden, um dieses Problem zu vermeiden.