3

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;
}

1 Resposta 1

7

Utilize aspas para delimitar o valor do atributo no CSS assim como fez no HTML:

input[type="text 2"] {
  width: 100px;
  -webkit-transition: width .35s ease-in-out;
  transition: width .35s ease-in-out;
}
input[type="text 2"]:focus {
  width: 250px;
}
<h1>The width Property</h1>

<p>Set the width of the input field to 100 pixels. However, when the input field gets focus, make it 250 pixels wide:</p>

Search: <input type="text 2" name="search">

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .