Attribute selectors issue

by SerGen

HTML

<div class="t1"></div>
<div class="t2"></div>

CSS

[class^=t] {
    background-color: red;
    display: inline-block;
    height: 50px;
    width: 50px;
}

/* для сравнения с концом значение должно быть в кавычках */
[class$=1] {
    border: 1px solid blue;
}
[class$="2"] {
    border: 1px solid blue;
}

JavaScript

/*
Если использовать селектор по атрибуту, выполняя поиск по конечным символам — цифрам, значение должно быть в кавычках
*/