Ссылки с использованием препроцессоров less(css) и slim(html)

@Mr.Gadget · Регистрация: 26.09.2013

Студворк — интернет-сервис помощи студентам

Задача состоит в следующем:
Создать три html документа, связанных между собой. Ссылки должны менять свой внешний вид, например при наведении курсора на ссылку или после перехода по ссылке.

@mrtoxas · 02.10.2016, 19:53

А в чем проблема?

CSS
1
2
3
4
5
6
/*less code*/
.page-link {
  &:hover {
    color: red;
  }
}

HTML5
1
2
<!-- slim code -->
a class="page-link" href="first.html" First HTML

@Mr.Gadget · 02.10.2016, 19:56 **[ТС]**

mrtoxas, здравствуй, код HTML не распознается.

@mrtoxas · 02.10.2016, 20:05

А с чего ему распознаваться, он же препроцессорный. А css распознается?

@Mr.Gadget · 02.10.2016, 20:07 **[ТС]**

mrtoxas, разобрался.

Добавлено через 2 минуты
mrtoxas, а таблицы сложно с помощью препроцессоров делать?

@mrtoxas · 02.10.2016, 20:11

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!-- slim code -->
table
  thead
    tr
      th Можно
      th и таблицы
      th делать
    tr
      td Все
      td можно
      td делать

@Mr.Gadget · 02.10.2016, 20:16 **[ТС]**

mrtoxas, а по ссылкам, hover - это наведение, верно? при наведении цвет не меняется, а при клацании промигивает красным.

@mrtoxas · 02.10.2016, 20:21

немного не так написал

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<!-- slim code -->
table
  thead
    tr
      th Можно
      th и таблицы
      th делать
  tbody  
    tr
      td Все
      td можно
      td делать

Добавлено через 3 минуты

CSS
1
2
3
4
5
6
7
8
9
/*less code*/
.page-link {
  &:hover {
    color: red;
  }
  &:active{
   color: gold;
  }
}

При наведении - красный, при клике - золотой. И это тоже препроцессорный код.

@Mr.Gadget · 02.10.2016, 20:41 **[ТС]**

mrtoxas, не работает.

Добавлено через 40 секунд
mrtoxas, в 9 строчке скобка - единственная черным цветом.

Добавлено через 1 минуту
SLIM точно такой?

Сообщение от mrtoxas

HTML5
1
2
<!-- slim code -->
a class="page-link" href="first.html" First HTML

@mrtoxas · 02.10.2016, 20:42

Нормальная там скобочка. Вы код компилируете, или просто так вставляете в css?

@Mr.Gadget · 02.10.2016, 20:43 **[ТС]**

он не работает так

Сообщение от mrtoxas

При наведении - красный, при клике - золотой. И это тоже препроцессорный код.

@mrtoxas · 02.10.2016, 20:45

Вот ссылка на песочницу с кодом, который я привел выше. Slim+Less

@Mr.Gadget · 02.10.2016, 20:49 **[ТС]**

mrtoxas, в наличии HTML-kit и все. Как там компилировать?

@mrtoxas · 02.10.2016, 21:03

Я не нашел информации о том, может ли HTML-kit компилировать код. Я думаю, не может

@Mr.Gadget · 02.10.2016, 21:09 **[ТС]**

mrtoxas, а с песочницы скачать можно?

@mrtoxas · 02.10.2016, 21:12

Хотя, в доках less говорится, что может. Только как именно, не известно

Да, вы можете компилировать в песочнице. Вы можете даже использовать чистый html\css и всем говорить, что это откомилированный slim\less

Новые блоги и статьи Все статьи Все блоги /
сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .	Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .
Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .	Модель микоризы: классовый агентный подход 2 anaschu 06.01.2026 репозиторий https:/ / github. com/ shumilovas/ fungi ветка по-частям. коммит Create переделка под биомассу. txt вход sc, но sm считается внутри мицелия. кстати, обьем тоже должен там считаться. . . .	Расчёт токов в цепи постоянного тока igorrr37 05.01.2026 / * Дана цепь постоянного тока с сопротивлениями и источниками (напряжения, ЭДС и тока). Найти токи и напряжения во всех элементах. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа и. . .

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1

	Ссылки с использованием препроцессоров less(css) и slim(html) 02.10.2016, 19:46. Показов 1865. Ответов 15 Метки нет (Все метки) Задача состоит в следующем: Создать три html документа, связанных между собой. Ссылки должны менять свой внешний вид, например при наведении курсора на ссылку или после перехода по ссылке. 0

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1
	02.10.2016, 19:56 [ТС]
	mrtoxas, здравствуй, код HTML не распознается. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.10.2016, 20:05
	А с чего ему распознаваться, он же препроцессорный. А css распознается? 0

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1
	02.10.2016, 20:07 [ТС]
	mrtoxas, разобрался. Добавлено через 2 минуты mrtoxas, а таблицы сложно с помощью препроцессоров делать? 0

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1
	02.10.2016, 20:16 [ТС]
	mrtoxas, а по ссылкам, hover - это наведение, верно? при наведении цвет не меняется, а при клацании промигивает красным. 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.10.2016, 20:42
	Нормальная там скобочка. Вы код компилируете, или просто так вставляете в css? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.10.2016, 20:45
	Вот ссылка на песочницу с кодом, который я привел выше. Slim+Less 0

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1
	02.10.2016, 20:49 [ТС]
	mrtoxas, в наличии HTML-kit и все. Как там компилировать? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.10.2016, 21:03
	Я не нашел информации о том, может ли HTML-kit компилировать код. Я думаю, не может 0

@Mr.Gadget Фиговый студент 48 / 6 / 7 Регистрация: 26.09.2013 Сообщений: 549 Записей в блоге: 1
	02.10.2016, 21:09 [ТС]
	mrtoxas, а с песочницы скачать можно? 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	02.10.2016, 21:12
	Хотя, в доках less говорится, что может. Только как именно, не известно Да, вы можете компилировать в песочнице. Вы можете даже использовать чистый html\css и всем говорить, что это откомилированный slim\less 0

Ссылки с использованием препроцессоров less(css) и slim(html)

Решение