English | česky | >> Português << | ZVON > Tutorials > CSS2 tutorial |
Introdução / Procura / ZVON |
>> Exemplo 3 << | Anterior | Próximo | Index | Conteúdos |
Os nomes de elementos separados por espaços escolhem elementos com nome igual ao último da lista. Os outros devem ocorrer algures pelo percurso desde a raíz do documento até este elemento. Ou seja, são elementos antecedentes ("ancestors") do elemento em causa (1). Se os nomes dos elementos estão separados por [>], o elemento da direita deve ser directamente filho do elemento da esquerda (2). O caracter [*] pode ser usado para obter alguns efeitos interessantes. Em (3), os elementos netos de AAA estão a vermelho. Embora não seja neto de AAA, o elemento ddd2 também está colorido por herdar a cor do ser pai.
Documento XML | folha de estilos CSS | Exemplo de ligação |
---|---|---|
(1)
<AAA> <BBB> <DDD>ddd1 <DDD>ddd2</DDD> </DDD> </BBB> <CCC> <DDD>ddd3</DDD> </CCC> <DDD>ddd4</DDD> <OOO> <PPP> <RRR>rrr1</RRR> </PPP> </OOO> <RRR>rrr2</RRR> </AAA> | AAA CCC DDD {color:blue} BBB DDD {color:maroon} OOO RRR {color:red} | Ver resultado |
Documento XML | folha de estilos CSS | Exemplo de ligação |
(2)
<AAA> <BBB> <DDD>ddd1 <DDD>ddd2</DDD> </DDD> </BBB> <CCC> <DDD>ddd3</DDD> </CCC> <DDD>ddd4</DDD> <OOO> <PPP> <RRR>rrr1</RRR> </PPP> </OOO> <RRR>rrr2</RRR> </AAA> | AAA > CCC > DDD {color:blue} BBB > DDD {color:maroon} OOO > RRR {color:red} | Ver resultado |
Documento XML | folha de estilos CSS | Exemplo de ligação |
(3)
<AAA> <BBB> <DDD>ddd1 <DDD>ddd2</DDD> </DDD> </BBB> <CCC> <DDD>ddd3</DDD> </CCC> <DDD>ddd4</DDD> <OOO> <PPP> <RRR>rrr1</RRR> </PPP> </OOO> <RRR>rrr2</RRR> </AAA> | AAA > * > * {color:red} | Ver resultado |