Ir para conteúdo

POWERED BY:

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

andressa

CSS e eventos

Por , em Javascript

Recommended Posts

andressa    0

andressa
Postado

OláO CSS possui suporte a eventos? Posso definir por exemplo um evento em um estilo para que ele se aplique a todos os elementos que possuem aquele estilo?

Compartilhar este post

Link para o post
Compartilhar em outros sites

hinom    5

hinom
Postado

<html><head><title>CSS - className</title>

<style type="text/css">

.botao_1{

  BORDER-RIGHT: 000000 1px double;

  BORDER-TOP: 000000 1px double;

  BORDER-LEFT: 000000 1px double;

  BORDER-BOTTOM: 000000 1px double;

  background-color:ffffff;

  color:000000; font-family:verdana; font-size:11px; cursor:hand;

  }

.botao_2{

  BORDER-RIGHT: 000000 1px double;

  BORDER-TOP: 000000 1px double;

  BORDER-LEFT: 000000 1px double;

  BORDER-BOTTOM: 000000 1px double;

  background-color:5F9F9F;

  color:ffffff; font-family:verdana; font-size:11px; cursor:hand;

  }

</style>

</head><body>

 

<input type=button value="clique para testar" class=botao_1 onclick="className='botao_2';">

 

</body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

ticarp    0

ticarp
Postado

OláO CSS possui suporte a eventos? Posso definir por exemplo um evento em um estilo para que ele se aplique a todos os elementos que possuem aquele estilo?

Opa... ñ entendi direito a pergunta... alguém poderia me exemplificar? Me interessa aprender esses detalhes mais avançados do CSS.Abração, Tiago.

Compartilhar este post

Link para o post
Compartilhar em outros sites

andressa    0

andressa
Postado

na verdade eu queria saber se tem como embutir esse código do evento dentro da definição do estilo css...mas acho que não tem como mesmo, o jeito é seguir a dica do hinom e adicionar os eventos em cada componente.valew, :D

Compartilhar este post

Link para o post
Compartilhar em outros sites

Mateus Avila Isidoro    8

Mateus Avila Isidoro
Postado

Se tu considerar hover, active e focus são considerados proto-eventos, por tratar apenas de estilização de um evento de browser. Por exemplo, para abrir aqueles famosos drop downs, os códigos feitos em css usam o artifício li:hover ul, que é o momento que passo o mouse num item de uma lista que tem uma lista dentro dele.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Javascript
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito