0

На сайте https://github.com/, если пролистать в самый низ, есть один очень интересный div. введите сюда описание изображения

Как мне написать селектор, который выберет сразу все эти элементы, без заголовков Product, Platform...

4
  • Какие варианты вы пробовали и они не сработали? Commented 28 июн. 2021 в 19:21
  • А для чего вам это? Скорее всего то что вам нужно можно сделать проще Commented 28 июн. 2021 в 20:00
  • @hot_penguin вопрос на собеседовании задали такой, спросил потом как это сделать - ответили что нужно закомбинировать их общие элементы как-то и получится
    – Vladeezy
    Commented 28 июн. 2021 в 22:24
  • @ДавидМанжула Вроде получилось, вот икс пас селектор //div[@class='d-flex flex-wrap py-5 mb-5']/div[not(contains(@class,'col-12 col-lg-4 mb-5'))], но тут с заголовками
    – Vladeezy
    Commented 28 июн. 2021 в 22:29

2 ответа 2

2
footer ul li.lh-condensed.mb-3 {

}

И будет тем самым селектором. Последовательное упоминание через пробел означает вложенность, классы через точку помогают дополнительно уточнить. Скорее всего это и имелось в виду под закомбинировать - теги находятся в футере, в списках...

чтобы проверить работу можно ввести в консоли

[...document.querySelectorAll('footer ul li.lh-condensed.mb-3')].map(e => e.textContent)

[ "Features", "Security", "Team", "Enterprise", "Customer stories", "The ReadME Project", "Pricing", "Resources",
"Roadmap", "Developer API", "Partners", "Atom", "Electron",
"GitHub Desktop", "Docs", "Community Forum", "Professional Services", "Learning Lab", "Status", "Contact GitHub",
"About", "Blog", "Careers", "Press", "Inclusion", "Social Impact" ]

2

У меня получился вот такой footer > .container-xl ul li a

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.