Например между:
a[href^='http']
или a[href|='http']
2 ответа
|=
требует совпадения первого слова значения аттрибута (разделителем слов считается -
)
^=
- просто совпадения начала значения аттрибута:
[class^="top"] {
background: green;
}
[class|="top"] {
background: red;
}
<span class="toptoptop">попадает только под первый селектор</span>
<span class="top-something">попадает под оба, применяется второй</span>
a[href^='http']
- href ссылки начинается с http
a[href|='http']
- href ссылки начинается с http после которого идёт дефис ИЛИ равен http
Источник: https://learn.javascript.ru/css-selectors#селекторы-атрибутов
-
Не совсем, второй случай трактуется иначе Стиль применяется к элементам, у которых атрибут начинается с указанного значения или с фрагмента значения, после которого идёт дефис. В вашем примере тоже указан дефис, надо было упомянуть про него htmlbook.ru/samcss/selektory-atributov – Daniel-664 10 апр '16 в 20:32
-