Não entendi por que o CSS estiliza o atributo "data-contexto" assim: [data-contexto="descanso-curto"] e não desta forma: [data-contexto="short"], pois no index.html vemos isto: <button data-contexto="short"... ?
Solucionado
Não entendi por que o CSS estiliza o atributo "data-contexto" assim: [data-contexto="descanso-curto"] e não desta forma: [data-contexto="short"], pois no index.html vemos isto: <button data-contexto="short"... ?
Acho que entendi agora, assistindo a aula seguinte. O javascript modificou o valor "short" do atributo "data-contexto" para o valor "descanso-curto" quando fez o setAttribute: html.setAttribute('data-contexto', 'descanso-curto'). Assim, o CSS estiliza o [data-contexto="descanso-curto"].
Olá, João, como vai?
Parabéns por ter conseguido encontrar a resposta sozinho! Isso mostra o quanto você está desenvolvendo suas habilidades e conseguindo entender o conteúdo de forma clara. Continue assim, buscando sempre as soluções!
Siga firme nos seus estudos e conte com o fórum sempre que precisar!
Abraços :)
Obrigado pela ajuda : )