2016-11-01 6 views
1

У меня есть такой CSS:Оптимизировать CSS с пером

p{ 
    margin: .85em auto; 
    line-height: 1.7; 
    text-indent: 2em; 
    } 
    blockquote p { 
     text-indent: 0; 
    } 

Есть ли способ оптимизировать, что с помощью пера?

Просто, чтобы сделать что-то вроде этого:

 p{ 
     margin: .85em auto; 
     line-height: 1.7; 
     (not if blockquote) text-indent: 2em; 
     } 

HTML Я пытаюсь применить это к

<div class="entry"> 
    <p></p> //text-indent here 
    <blockquote> 
     <p></p> //no text-indent here 
    </blockquote> 
    </div> 
+0

@torazaburo только обновленное с деталями – sreginogemoh

+0

@torazaburo да только фиксированные, что опечатка – sreginogemoh

+3

Там нет ничего стоит оптимизировать здесь. –

ответ

1

Stylus не может прочитать HTML, чтобы знать, если у вас есть обертывание p тег. Даже если ваш код работает, я не вижу никакого преимущества над CSS, который у вас есть. Может быть, в простой CSS вы можете использовать :not псевдо-класс, чтобы сохранить одну строку кода:

p { 
    margin: .85em auto; 
    line-height: 1.7; 
} 

:not(blockquote) > p { 
    text-indent: 2em; 
} 

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

  • Нет связанных вопросов^_^