Квадратные скобки в селекторах CSS?

Question

[Джон Голт]

Добрый день. Раньше не сталкивался с подобным синтаксисом. Поясните пожалуйста, что к чему, например на данном фрагменте:

.hide[data-effect-out="moveUpOut"] .tiltview a {
	-webkit-animation: moveUpOut 1.5s both;
	animation: moveUpOut 1.5s both;
}

Comments

[Lynn «Кофеман»]

А документацию не пробовали читать?

Answer 1

[Rsa97]

Элемент a, потомок элемента с классом .tiltview, потомка элемента с классом .hide и атрибутом data-effect-out равным "moveUpOut"
Селекторы CSS

Answer 2

[Арсений Ильяшов]

Это селекторы атрибутов

Answer 3

[Алексей Ванин]

CSS Attribute Selectors

Answer 4

[Денис Инешин]

Квадратные скобки позволяют искать по атрибутам. Например:
jsfiddle.net/IonDen/9a1r65x3

<div data-id="test"></div>
<a href="ya.ru"></a>

[data-id='test'] {
    width: 100px; height: 100px;
    background: #000;
}
[href='ya.ru'] {
    font-size: 50px;
}

Comments

[Роман Липатов]

Вот есть кусок кода

<a class="" href="/stn?start=30" title="Предыдущая">Предыдущая</a>

Применяю к нему

[href="/stn?start=30"] {
	display: none;
}

в надежде, что он исчезнет

Не работает.