Селекторы CSS задают шаблоны, чтобы совпадать с элементами в дереве.
Эта таблица показывает некоторые примеры, показывающие, как извлечь различные элементы HTML от дерева HTML:
| Задача | CSS селектор | Пример |
|---|
Найдите весь абзац (<p>) элементы. | "p" | findElement(tree,"p") |
Найдите весь абзац (<p>) и перечислите элемент (<li>) элементы. | "p,li" | findElement(tree,"p,li") |
Найдите весь абзац (<p>) элементы, которые являются внутренней таблицей (<table>) элементы. | "table p" | findElement(tree,"table p") |
Найдите всю гиперссылку (<a>) элементы с атрибутом ссылки гиперссылки (href) значения, заканчивающиеся ".pdf". | "a[href$="".pdf""]" | findElement(tree,"a[href$="".pdf""]") |
Найдите весь абзац (<p>) элементы, которые являются первым дочерним элементом их родительского элемента. | "p:first-child" | findElement(tr,"p:first-child") |
Найдите весь абзац (<p>) элементы, которые являются первым элементом абзаца их родительского элемента. | "p:first-of-type" | findElement(tr,"p:first-of-type") |
Найдите весь акцент (<em>) элементы, где родительский элемент является абзацем (<p>) элемент. | "p > em" | findElement(tr,"p > em") |
Найдите весь абзац (<p>) элементы, появляющиеся сразу после заголовка 1 (<h1>) элемент | "h1 + p" | findElement(tr,"h1 + p") |
| Найдите все пустые элементы. | ":empty" | findElement(tr,":empty") |
Найдите, что все непустые маркируют (<label>) элементы. | "label:not(:empty)" | findElement(tr,"label:not(:empty)") |
Функция findElement поддерживает весь уровень 3 CSS, за исключением селекторов ":lang", ":checked", ":link", ":active", ":hover", ":focus", ":target", ":enabled" и ":disabled".
Для получения дополнительной информации о селекторах CSS, см. [1].
