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

@Ulfur97 · Регистрация: 10.01.2018

Author24 — интернет-сервис помощи студентам

Здравствуйте. Нужно выбрать элементы страницы, у которых есть атрибут data-info.
Как оптимальнее осуществить выборку?

CSS

/* Вариант 1. */
* [data-info="abc"] {}
 
/* Вариант 2. */
[data-info="abc"] {}
 
/* Вариант 3. Дополнительно ввести класс. 
Сложность, т.к. надо менять html-структуру.*/
.info[data-info="abc"] {}

Есть отличие между выборкой по "*" и вообще без?

@AlexZaw · 02.03.2018, 20:10

Между первым и вторым вариантом разницы нет, так как в любом случае у data-info="abc" будет родитель.
Третий вариант не обязателен если у вас не встречаются блоки с таким же data атрибутом которые вы бы не хотели выбирать.
В остальном разницы никакой нет

@AlexZaw Модератор 2277 / 1657 / 651 Регистрация: 07.08.2016 Сообщений: 3,972
	02.03.2018, 20:10	2
	Между первым и вторым вариантом разницы нет, так как в любом случае у data-info="abc" будет родитель. Третий вариант не обязателен если у вас не встречаются блоки с таким же data атрибутом которые вы бы не хотели выбирать. В остальном разницы никакой нет 1