Search the Community

Приветствую! Решил как-то отвлечься от работы и сделать 5 задачек по css. Надеюсь они понравятся новичкам. Готовые решения прошу не выкладывать, чтобы верстальщики сами штрудировали справочник. Внимание! Изменять html код запрещается. Разметка обязана соответствовать примеру. Разрешена стилизация только через css. Javascript использовать так же нельзя. 1. Оформить первый символ только в первом абзаце цветом #f00.При удалении заголовка из тела документа, оформление символа остается у того же абзаца.Подсказка: Тип Разметка- Результат - Результат - 2. Стилизовать меню таким образом - для селектора ссылки задать золотой цвет, черный фон и наклонный шрифт. Для селектора списка, маркер - квадрат.Внимание! Вложенное меню не должно наследовать ни одно свойство и отображаться по дефолту. Отменна стилей для вложенных селекторов например (font-style: normal;) запрещена.Подсказка: Сел-атрРазметка - Результат - 3. Перекрасить первую и последнюю ссылку в красный цвет. Использование псевдоклассов запрещено. Подсказка: Сел-атр Разметка - Результат - 4. В незаполненном (неправильном) состоянии полей формы - звездочка красного цвета , в заполненном и правильном - звездочка зеленая. Никакого желтого цвета быть не должно и в помине, но и удалять инлайновые стили запрещается. Подсказка: Важно Разметка - Результат - Результат - 5. При клике на input c типом текст и текстарея - плейсхолдер должен исчезать.При клике на input с типом радио, цифра в сестринском спане увеличиваеться на 20%, кроме цифры 4.Подсказка: Тип фокусник.Разметка - Результат - Всем удачи! Проверьте свои навыки.