2013-07-30 2 views
-1

у меня есть HTML-макет, как такSASS/LESS/SCSS вложенности против заявлений одного класса

<div class="one"> 
    <div class="two"> 
     <div class="three"> 
      <p class="p1"></p> 
     </div> 
    </div> 
</div> 

и используя библиотеку препроцессора CSS, как МЕНЬШЕ/SASS/SCSS, я могу гнездо моих классов соответственно:

.one { 
    .two { 
     .three { 
      p.p1 { } 
     } 
    } 
} 

Вопрос в том, должен ли я? Или это лучше сделать:

.one { 

} 

.two { 

} 

.three { 

} 

.p1 { 

} 
+4

Это зависит от того, что вы хотите ... – user123444555621

+2

Я думаю, что этот вопрос должен быть открыт. Это * не * просто вопрос мнения. Существуют хорошие, * технические * причины, по которым вы могли бы или не могли бы вставлять свои селекторы в Sass или Less. – thomasfedb

ответ

3

Я бы порекомендовал не вложенность, когда вам не нужно. Это сделает ваши селекторы чрезмерно конкретными и сложнее перезаписать позже, если вам нужно.

Вы можете прочитать об этом здесь: http://chrisltd.com/blog/2013/05/dont-deeply-nest-sass-less/

Смежные вопросы