Селекторы по тегам и по классам — Основы CSS — HTML Academy
Загрузка…
Через несколько секунд всё будет готово
- index.html
- style.css
<!DOCTYPE html>
<html lang=»ru»>
<head>
<meta charset=»utf-8″>
<title>Сайт начинающего верстальщика</title>
<link rel=»stylesheet» href=»style.css»>
</head>
<body>
<header>
<h2>Сайт начинающего верстальщика</h2>
</header>
<main>
<img src=»img/raccoon.svg» alt=»Аватарка»>
<!— Добавьте класс тегу ниже —>
<nav>
<h3>Записи в блоге</h3>
<ul>
<li><a href=»day-1.html»>День первый. Как я забыл покормить кота</a></li>
<li><a href=»day-2.html»>День второй. Хочу быть верстальщиком</a></li>
<li><a href=»day-3.
html»>День третий. Мой кот на меня обиделся</a></li>
<li><a href=»day-4.html»>День четвёртый. Как я чуть не заболел</a></li>
<li><a href=»day-5.html»>День пятый. Отдыхаю</a></li>
<li><a href=»day-6.html»>День шестой. Как я ничего не понял</a></li>
<li><a href=»day-7.html»>День седьмой. Кекс выдал мне задание</a></li>
<li><a href=»day-8.html»>День восьмой. Очень серьёзный</a></li>
<li><a href=»day-9.html»>День девятый. Точнее ночь</a></li>
<li><a href=»day-10.html»>День десятый. Подведение итогов</a></li>
<li><a href=»day-11.html»>День одиннадцатый. Без фанатизма</a></li>
<li><a href=»day-12.html»>День двенадцатый. Все любят печенье</a></li>
<li><a href=»day-13.
body {
padding: 0 30px;
font-size: 16px;
line-height: 26px;
font-family: «Arial», sans-serif;
color: #222222;
background: #ffffff url(«img/bg-page.
png») no-repeat top center;
}
h2 {
font-size: 36px;
line-height: normal;
}
h3 {
font-size: 20px;
line-height: normal;
}
a {
color: #0099ef;
text-decoration: underline;
}
.avatar {
border-radius: 50%;
}
/* Замените селектор по тегу на селектор по классу */
nav {
margin-bottom: 30px;
padding: 20px;
background-color: #4470c4;
border: 5px solid #2d508f;
color: #ffffff;
}
nav a {
color: #ffffff;
}
ul {
list-style: none;
padding-left: 0;
}
footer {
margin-top: 30px;
}
/* Меняем в селекторах nav на .blog-navigation */
Что в задании вам не понравилось?
Не работает проверка кодаЗадание слишком сложноеНепонятная теорияДругое (сейчас напишу)
Другое (сейчас напишу)
Спасибо! Мы скоро всё исправим)
Код изменился, нажмите «Обновить» или включите автозапуск.
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено- Тегу
navдобавьте в разметке классblog-navigation.
- Смените селектор по тегу в правиле
navна селектор по классу.blog-navigation.
Теги
Главная / Интернет-магазин / Интернет-магазин 2.0 / Теги
При необходимости вы можете создавать теги для товаров и настраивать страницы этих тегов (указывать текст описания тега, адрес страницы, параметры оптимизации и пр).
Тег в данном случае — это некая метка, характеризующая товар (например, «продукция apple» или «уценка»).
Как и прежде теги можно напрямую прописывать в окне редактирования товара — в таком случае тег автоматически создастся в разделе «Теги» (а в качестве ЧПУ будет установлено транслитерированное название).
Рассмотрим, как работать с тегами.
Шаг 1
Чтобы попасть в список всех существующих тегов, на рабочей панели Магазина 2.
0 выберите пункт «Теги».
Шаг 2
Откроется окно с перечнем всех существующих тегов. Для того чтобы создать новый, нажмите на ссылку «+Добавить». Обратите внимание, по умолчанию у Вас нет добавленных тэгов.
Шаг 3
В открывшемся окне укажите название тега (иными словами, введите сам тег) — поддерживаются буквы, цифры, пробел, нижнее подчеркивание, тире (минус, дефис), точка.
Шаг 4
При необходимости, заполните описания тега над и под товарами — они будут отображаться на странице со списком товаров, помеченных данным тегом.
Шаг 5
На вкладке «ЧПУ» укажите адрес для страницы тега (по умолчанию используется название тега).
Обратите внимание!
Настоятельно рекомендуем вам перед началом работы с ЧПУ ознакомиться с соответствующей инструкцией.
Шаг 6
На вкладке «SEO-параметры» вы можете задать следующие настройки:
Шаг 7
После внесения всех изменений, не забудьте сохранить их.
Будет создана страница тега, на которую будут попадать все товары, помеченные данным тегом.
Редактирование тега
Чтобы внести изменения в уже существующий тег, нажмите на иконку с изображением карандаша в строке с нужным вам тегом.
Обратите внимание!
Изменения затронут все товары, за которыми данный тег закреплен (соответственно, если вы поменяете название тега, он изменится во всех товарах).
Групповые операции с тегами
При необходимости вы можете осуществлять сразу над несколькими тегами следующие виды операций:
- Индексация,открыть ссылки,
- Не индексировать, закрыть ссылки,
- Не индексировать, открыть сслки,
- Индексировать, закрыть ссылки,
- Удалить
Для этого:
- Отметьте галочки рядом с тегами, которые вы хотите изменить или удалить.
- Из списка над перечнем тегов выберите нужную операцию.
- Нажмите на кнопку «Применить».
Обратите внимание!
С помощью соответствующей настройки Вы можете выделить сразу все теги на одной странице или вообще все теги в списке (используя галочку слева, вы можете сбрасывать отметки или снова отмечать теги).
Также вы можете задать, сколько тегов выводить на одной странице.
Поиск по тегам
При необходимости вы можете осуществлять поиск по тегам с помощью соответствующей строки.
Удаление тега
Для удаления тега нажмите на иконку с изображением корзины в строке с нужным вам тегом.
Обратите внимание!
При удалении тег открепляется от всех товаров, к которым он был прикреплен.
Переход к странице тега на сайте
Чтобы перейти к странице тега, нажмите на иконку с изображением страницы со стрелкой.
Обратите внимание!
У каждого тега должны быть уникальные название и ЧПУ.
Товары на странице тега сортируются в соответствии с настройкой «Сортировка товаров в категориях» в «Параметрах магазина».
Была ли статья вам полезна?
Да
Нет
Укажите, пожалуйста, почему?
- Рекомендации не помогли
- Нет ответа на мой вопрос
- Содержание статьи не соответствует заголовку
- Другая причина
Комментарий
Читайте также
Платья — TAGS BOUTIQUE
Сортировка Рекомендуемая цена, от низкой к высокойЦена, от высокой к низкойПо алфавиту, от A до ZПо алфавиту, от Z до ADДата, от старой к новойДата, от новой к старойЛучшие продажи
Макси-платье Cut To The Chase — Синий
49,00 долларов СШАМакси-платье Cut To The Chase — Коричневый
49 долларов.
00Макси-платье Алисса
$70.00Платье Made You Look — Оранжевый
$85.00 9Платье с запахом 0002 So Worth It — Зеленый $96.00Платье с запахом So Worth It — Кремовый
$96.00Миконос Макси — зеленый
$69.00Миконос Макси — Ню
$69.00Платье «Солнечное сияние на мне»
$59.00Платье «Почувствуй тепло»
49,00 долларов СШАКлеопатра Макси — Оранжевый
$89.
00Продано
Макси-платье Perfect Cut — Красный
$85.00Макси-платье Perfect Cut — черный
$85.00Платье Kandi Apple Twirl
$76.00Платье миди Camila
$70.00Продано
Макси-платье в полоску Essex — Золото
$69.00 9Платье макси в полоску 0002 Essex — Синий $69.00Такое кокетливое платье — салатовый
$59.
00Платье миди Ализе
$55.00Платье Миди Tessa — Черный
$60.00Платье миди Tessa — Телесный
$60.00Платье Кэссиди — Синий
$75.00все — TAGS БУТИК
Сортировка Рекомендуемая цена, от низкой к высокойЦена, от высокой к низкойПо алфавиту, от A до ZПо алфавиту, от Z до ADДата, от старой к новойДата, от новой к старойЛучшие продажи
Макси-платье Cut To The Chase — Синий
49,00 долларов США 9Макси-платье 0002 Cut To The Chase — Коричневый 49,00 долларов СШАМакси-платье Work Of Art
$85.
00Комплект юбки Bali
$75.00Макси-платье Алисса
$70.00Плиссированный комплект Peru — желтый
$75.00Плиссированный комплект Peru — Розовый
$75.00 Комбинезон в полоскуПолосатый комбинезон панама — телесный
$60.00Комбинезон Camilla — Розовый
$60.00Комбинезон Camilla — Зеленый
$60.00Комплект Шорт Natalia — Розовый
$70.
00Джинсовая рубашка Oh Snap
$60.00Платье Made You Look — Оранжевый
$85.00Брюки Brooklyn
$80.00Комплект джоггеров с застежкой-молнией — джинсовая ткань
$85.00Короткий набор «На блоке»
45 долларов СШАКомбинезон Halo-телесный
$69.00Комбинезон Halo — ржавчина
$69.00Комбинезон Halo, синий
$69.00Такой веерный верх
$48.