Olá, porque esse atributo usando 2 palavras não pega, e o que uso somente 1 palavra pega
<li data-nome="testejunto">Teste</li>
Exemplo que pega:
.item[data-nome=testejunto] {
background: black;
height: 100px;
width: 120px;
}
Exemplo que não pega
.item[data-nome=teste separado] {
background: black;
height: 100px;
width: 120px;
}