LESS - структурирование документа - PullRequest
Новая
       5

LESS - структурирование документа

0 голосов
/ 07 марта 2012

Я начал использовать LESS, чтобы иметь простой инструмент для создания .css файлов.

У меня вопрос, какой самый распространенный способ обработки такой конструкции класса CSS: 

<div id="wrapper">
     <div id="left">
           <h2>Left</h2>
     </div>
     <div id="right">
           <h2>Right</h2>
     </div>
</div>

Поля #left и #right имеют одинаковую таблицу стилей, h2 в каждом блоке должен быть разным.

Я бы решил это с помощью этого кода: 

#wrapper {
    #left, #right {
        width:50%;
        float:left;
    }

    #left h2 {
         color:black;
    }

    #right h2 {
         color:red;
    }
}

или вы можете решить это так: 

.left_right {
    width:50%;
    float:left;
}

#wrapper {

    #left {
        .left_right;

         h2 {
        color:black;
        }
    }

    #right {
          .left_right

           h2 {
        color:red;
        }
    }
}

Что такое «правильный» путь или это просто личный выбор ...

P.S: И есть ли способ получить подсветку в CODA для файлов .less?

Спасибо

1 Ответ

0 голосов
/ 08 марта 2012

Личные предпочтения точно.Первый пример, для меня, легче читать и должен приводить к меньшему количеству CSS, что и является целью LESS в конце концов!

Что касается подсветки синтаксиса в CODA, я не использую его сам или имеюдоступ к Mac прямо сейчас, но быстрый поиск в Google показал несколько результатов.

Инструкции для одного способа можно найти здесь: http://christophercasper.com/2010/09/less-syntax-highlighting-in-coda/

Я также обнаружил, что там былплагин для CODA, но теперь он превратился в собственное приложение.Не уверен, насколько это полезно, но вы можете найти его здесь: http://incident57.com/less/

...