Практика на комбинации селекторов
Напишите селектор, который выберет абзацы, расположенные внутри дивов div . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все h2 , расположенные внутри дивов div . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p из элемента с id , равным block . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все h2 из элемента с id , равным block . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все элементы с классом bbb . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все элементы с классом bbb из элемента с id , равным block . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p с классом bbb . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все h2 с классом bbb . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p с классом bbb из элемента с id , равным block . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все элементы с классом bbb и элементы с классом xxx одновременно (то есть нужно сгруппировать селекторы через запятую). Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p с классом bbb и одновременно все h2 с классом xxx . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p с классом bbb из элемента с id , равным block и одновременно все абзацы p с классом xxx из из элемента с id , равным block . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все элементы с классом fff . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p из элемента с классом fff . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все абзацы p с классом fff . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все элементы с классом bbb из элемента с классом fff . Проверьте ваш селектор на следующем коде:
Напишите селектор, который выберет все h2 с классом bbb из элемента с классом fff . Проверьте ваш селектор на следующем коде:
Задача 1
Параграф (абзац) 1. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non, dolorum.
Параграф (абзац) 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, ipsa.
Параграф (абзац) 3. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Facere, perferendis.
Параграф (абзац) 4. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsam, ipsum.
Параграф (абзац) 5. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolor, laboriosam.
Параграф (абзац) 6. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad, tempore!
Параграф (абзац) 7. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Enim, veritatis?
Параграф (абзац) 8. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias, porro.
Параграф (абзац) 9. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maxime, dolor.
Name already in use
learning_task / 6 / Readme.md
- Go to file T
- Go to line L
- Copy path
- Copy permalink
- Open with Desktop
- View raw
- Copy raw contents Copy raw contents
Copy raw contents
Copy raw contents
Задачи на основы работы с селекторами CSS
Придумайте селектор, который выберет абзацы <p> внутри дивов <div>.
Придумайте селектор, который выберет все <h2> внутри дивов <div>.
Выберите все элементы с классом bbb.
Выберите все абзацы <p> с классом bbb.
Выберите все <h2> с классом bbb.
Выберите все элементы с классом bbb и элементы с классом xxx одновременно.
Выберите все абзацы <p> с классом bbb и <h2> с классом xxx одновременно.
Выберите все абзацы <p> с классом bbb из и все абзацы <p> с классом xxx из одновременно.
Как сделать так, чтобы селектор выбирал класс div и имя тега p?
Я пытаюсь сделать так, чтобы, когда курсор мыши касался всего, что имеет класс изменения в абзаце, он менял цвет на цвет по своему выбору, но я не знаю, как это сделать с помощью селекторов с чистым javascript. Это текущий код, который у меня есть, но он не работает. Я могу использовать только JavaScript
2 ответа
Там нет функции getElementsByClass , это getElementsByClassName .
document.getElementsByClassName() возвращает коллекцию (см. Что возвращают методы querySelectorAll, getElementsByClassName и другие методы getElementsBy *?), вы должны проиндексировать его, чтобы использовать getElementsByTagName для элементов, которые он возвращает.
Или вы можете просто использовать querySelectorAll
У вас также есть опечатка. Вы устанавливаете переменную fontChange , но затем используете changeFont в цикле.
Вы можете достичь того, что вы хотите без JavaScript, просто добавьте этот код в свой CSS