Что означает класс *, когда я создаю запись CSS? [Дубликат]

Question

Что означает класс *, когда я создаю запись CSS? [Дубликат]

0

У меня есть следующее:

[class^="fa-icon-"], [class*=" fa-icon-"] {

Я знаю, что начинается класс ^, но что означает класс *?

Mr. Alien 01 окт. 2013, в 08:23

Источник

Теги:

html

css

2 ответа

1

Представляет элемент с атрибутом класса, значение которого содержит хотя бы один экземпляр подстроки "fa-icon-".

Из спецификации w3c:

[ATT * = значение]

Представляет элемент с атрибутом att, значение которого содержит хотя бы один экземпляр подстроки "val". Если "val" - это пустая строка, селектор ничего не представляет.

Danield 01 окт. 2013, в 04:14

0

Но разве это не распространяется на класс ^?
user1679941 01 окт. 2013, в 06:20
0

Нет, потому что class ^ охватывает только классы, которые начинаются с этого значения (в вашем случае fa-icon-)
Danield 01 окт. 2013, в 06:22
0

Хорошо, но приведенный выше класс * = "fa-icon-" означает, что пробел начинается с. Извините, что путаю, но вы понимаете, о чем я. Я не могу понять смысл класса * в этом примере.
user1679941 01 окт. 2013, в 06:24
0

Взгляните на эту скрипку: jsfiddle.net/danield770/V9ScV/3 Я подозреваю, что цель класса * состоит в том, чтобы соответствовать классу, когда присутствуют и другие классы .... (даже если вам лучше использовать [ att ~ = val] в этом случае)
Danield 01 окт. 2013, в 06:30

Показать ещё 2 комментария

Ещё вопросы

Но разве это не распространяется на класс ^?
Нет, потому что class ^ охватывает только классы, которые начинаются с этого значения (в вашем случае fa-icon-)
Хорошо, но приведенный выше класс * = "fa-icon-" означает, что пробел начинается с. Извините, что путаю, но вы понимаете, о чем я. Я не могу понять смысл класса * в этом примере.
Взгляните на эту скрипку: jsfiddle.net/danield770/V9ScV/3 Я подозреваю, что цель класса * состоит в том, чтобы соответствовать классу, когда присутствуют и другие классы .... (даже если вам лучше использовать [ att ~ = val] в этом случае)

Mr. Alien · Accepted Answer · 2013-10-01T05-04-00.000Z

Это просто означает выбор любого элемента, атрибут class которого содержит подстроку fa-icon-

демонстрация

Итак, поскольку я поделился с вами демо, выбирается какой-либо элемент p имеющий подстроку fa-icon- (Примечание: здесь имеет место пробел)

Поэтому он будет выбирать элемент say

<p class=" fa-icon-">Hello</p>

Вышеприведенный селектор также выберет что-то вроде

<p class=" fa-icon-blah">Hello</p>

Демонстрация 2