Css find link by text

Содержание

CSS-селекторы
Базовые селекторы
Комбинаторы
Псевдо
Версии CSS
Смотрите также
Found a content problem with this page?
How to use CSS selector to find link by text
Similar question
POPULA POST
Featured post from same tag

CSS-селекторы

Селектор определяет, к какому элементу применять то или иное CSS-правило.

Обратите внимание — не существует селекторов, которые бы позволили выбрать родителя (содержащий контейнер) или соседа родителя или потомков соседа родителя.

Базовые селекторы

Выбирает все элементы. По желанию, он может быть ограничен определённым пространством имён или относиться ко всему пространству имён.

Синтаксис: * ns|* *|*

Пример: * будет соответствовать всем элементам на странице.

Этот базовый селектор выбирает тип элементов, к которым будет применяться правило.

Синтаксис: элемент

Пример: селектор input выберет все элементы .

Этот базовый селектор выбирает элементы, основываясь на значении их атрибута class .

Синтаксис: .имяКласса

Пример: селектор .index выберет все элементы с соответствующим классом (который был определён в атрибуте class=»index» ).

Этот базовый селектор выбирает элементы, основываясь на значении их id атрибута. Не забывайте, что идентификатор должен быть уникальным, т. е. использоваться только для одного элемента в HTML-документе.

Синтаксис: #имяИдентификатора

Пример: селектор #toc выберет элемент с идентификатором toc (который был определён в атрибуте id=»toc» ).

Этот селектор выбирает все элементы, имеющие данный атрибут или атрибут с определённым значением.

Синтаксис: [attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]

Пример: селектор [autoplay] выберет все элементы, у которых есть атрибут autoplay (независимо от его значения).

Ещё пример: a[href$=».jpg»] выберет все ссылки, у которых адрес заканчивается на «.jpg».

Ещё пример: a[href^=»https»] выберет все ссылки, у которых адрес начинается на «https».

Комбинаторы

Комбинатор , это способ группировки, он выбирает все совпадающие узлы.

Синтаксис: A, B

Пример: div, span выберет оба элемента — и и .

Комбинатор ‘ ‘ (пробел) выбирает элементы, которые находятся внутри указанного элемента (вне зависимости от уровня вложенности).

Синтаксис: A B

Пример: селектор div span выберет все элементы , которые находятся внутри элемента .

Комбинатор ‘>’ в отличие от пробела выбирает только те элементы, которые являются дочерними непосредственно по отношению к указанному элементу.

Синтаксис: A > B

Комбинатор ‘~’ выбирает элементы, которые находятся на этом же уровне вложенности, после указанного элемента, с тем же родителем.

Синтаксис: A ~ B

Комбинатор ‘+’ выбирает элемент, который находится непосредственно после указанного элемента, если у них общий родитель.

Синтаксис: A + B

Пример: селектор h2 + p выберет первый элемент , который находится непосредственно после элемента (en-US).

Псевдо

Знак : позволяет выбрать элементы, основываясь на информации, которой нет в дереве элементов.

Пример: a:visited соответствует всем элементам которые имеют статус «посещённые».

Ещё пример: div:hover соответствует элементу, над которым проходит указатель мыши.

Ещё пример: input:focus соответствует полю ввода, которое получило фокус.

Знак :: позволяет выбрать вещи, которых нет в HTML.

Пример: p::first-line соответствует первой линии абзаца .

Версии CSS

Спецификация	Статус	Комментарии
Selectors Level 4	Рабочий черновик	Добавление комбинатора колонок \|\| , селекторов структуры сеточной разметки (CSS grid selector), логических комбинаторов, местоположения, временных, состояния ресурсов, лингвистических и UI псевдоклассов, модификаторов для ASCII регистрозависимых и регистронезависимых атрибутов со значениями и без них.
Selectors Level 3	Рекомендация	Добавлен комбинатор ~ и древовидные структурные псевдоклассы. Сделаны псевдоэлементы, использующие префикс :: двойное двоеточие. Селекторы дополнительных атрибутов.
CSS Level 2 (Revision 1)	Рекомендация	Добавлен комбинатор потомков > и комбинатор следующего соседа + . Добавлен *универсальный () комбинатор и селектор атрибутов.**
CSS Level 1	Рекомендация	Первоначальное определение.

Смотрите также

Found a content problem with this page?

This page was last modified on 22 июл. 2023 г. by MDN contributors.

Your blueprint for a better internet.

Источник

How to use CSS selector to find link by text

You can’t perform matches to text using CSS selectors.

POPULA POST

How can I find elements by text content with jQuery?
How do I auto-hide placeholder text upon focus using css or jquery?
How to use aria-expanded=»true» to change a css property
How to use Javascript to check and load CSS if not loaded?
How do I add a CSS class to a BoundField, so I can find it with jQuery?
how to find buttons with specified text inside using jquery?
how to add text link inside a div using jquery?
How to find a link in a page based on its href attribute?
How to change active class while click to another link in bootstrap use jquery?
How to use jquery selector having element type and ID
How to find and replace text in between two tags in HTML or XML document using jQuery?
jQuery selector help — how to find element whose ID starts and ends with specific characters
Find text from h1 and use it to replace foo2 text
How do I use Jquery to find and select a Multi Select option by the Value?
How to use CSS to select an element only if a specific element comes after the one you want to select?
How to apply css to only numbers in a text inside/or any
element?
JQuery Selector Question — How to find all HREF’s with a target = _blank?
How to animate text with css font-weight property in jQuery ? normal to bold
How to get margin left size using javascript when I use margin auto property in css
how to use Jquery Datatables Ellipsis renderer for template field link button?
How do I use jQuery .each() to find a child’s children?
How to get link text using jQuery?
JQuery / Javascript — How to find the index of a table header by the header text
How to use multiple .find() after selector in jquery chaining?
How can I use the jQuery-like selector in pure JavaScript
Using jQuery, how to find the index of an element amongst its siblings of a specified CSS class
how to use next() to find the closest ul in jquery?
How to use jQuery :not selector for more than one element at a time
How to use JQuery «after» selector
How to use jquery to find the element with display=none and return the elements id to a variable?
How can I find all text nodes between two element nodes with JavaScript/jQuery?
How can I use jQuery/JavaScript to find out when a radio button is unchecked?
How do you use css transform with jquery and address window maximise inconsistency?
How to Change CSS direction property of the input field automaticly if the user can use an language rtl or ltr
How to find absolute or relative position of text or
in HTML?
How to find which script modifies css of selected attribute
How to find the last visible word position in a text container?
How to use css bootstrap list-group with affix to create a sticky menu in a column?
How to use CSS background-attachment in tag?
How to find and replace text in CKEditor using Javascript?
How to save jquery selector for later use
how can i find unused css in ajax app?
How to use a link in TableTools instead of flash buttons
How to use Materialize css Tabs in Meteor?
How to use jQuery hasClass when the selector is a JS variable