Форум Практика оптимизации Любые вопросы от новичков по оптимизации

Подскажите по синтаксису css

zaxavar
На сайте с 08.10.2012
Offline
183
zaxavar
370

Не было проблем обычно с css, пока не столкнулся с таким: 

[class^="icon-"],

[class*=" icon-"] {

  margin-right: 5px;

}

Что за квадратные скобки и как понимать данное выражение?

Вместо или вместе с Adsene - Adsterra - https://publishers.adsterra.com/referral/wf8uqXSYuu Раcскажу, подскажу.
AlexandrSG
На сайте с 14.11.2010
Offline
74
AlexandrSG
#1

Фильтр по классу.

Консультации, Inside/Outside (/ru/forum/809679) оптимизация/продвижение
zaxavar
На сайте с 08.10.2012
Offline
183
zaxavar
#2

Как его понимать, как читать выражение?

Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#3

http://htmlbook.ru/samcss/selektory-atributov

[class^="icon-"] - class начинается с "icon-"

[class*=" icon-"] - class содержит " icon-"

https://adminbook.ru/
zaxavar
На сайте с 08.10.2012
Offline
183
zaxavar
#4
Алексей Барыкин:
http://htmlbook.ru/samcss/selektory-atributov
[class^="icon-"] - class начинается с "icon-"
[class*=" icon-"] - class содержит " icon-"

То есть получается, что всем классам, которые начинаются icon- или содержат icon- применить margin-right: 5px ?

А если мне нужно, чтобы у элемента с классом icon-test был margin 0; использовать !important?

Что главнее конкретный класс или фильтр по классу?

В Яндекс.Вебмастере появились расширенные Платон Щукин об условиях Google улучшил поиск в
Алексей Барыкин
На сайте с 04.02.2008
Offline
272
Алексей Барыкин
#5
zaxavar:
То есть получается, что всем классам, которые начинаются icon- или содержат icon- применить margin-right: 5px ?

А если мне нужно, чтобы у элемента с классом icon-test был margin 0; использовать !important?

Что главнее конкретный класс или фильтр по классу?

Ответ в аббревиатуре CSS - Cascading Style Sheets (каскадные таблицы стилей).

Ключевое слово "каскадные".

Подробнее тут.

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий