Pregunta css

juanca2626 · #1 (**permalink**) 24/08/2009, 23:24

Hola buenas.

haber si alguien me puede ayudar en esto. tengo esto defidio en un div

<div id="header" class="right content">

</div>
podrian explicarme que significa class="right content".

gracias.

iulius · #2 (**permalink**) 25/08/2009, 02:48

Eso lo tendrás definido en tu hoja de estilos, no significa nada de por sí, creo. Busca en tu CSS algo como:
.right content {loquesea}

Nathan_1979 · #3 (**permalink**) 25/08/2009, 03:15

Cita:

Iniciado por iulius

Eso lo tendrás definido en tu hoja de estilos, no significa nada de por sí, creo. Busca en tu CSS algo como:
.right content {loquesea}

Significa que son 2 clases independientes, en las que podrás acceder a ellas de la siguiente forma:

Código css:

Ver original.right {
 
}
 
.content {
 
 
}
 
 
.right.content {
 
 
}

Un saludo

Más info http://www.sidar.org/recur/desdi/tra...tml#class-html

iulius · #4 (**permalink**) 25/08/2009, 03:19

Cita:

Iniciado por Nathan_1979

Significa que son 2 clases independientes, en las que podrás acceder a ellas de la siguiente forma:

Código css:

Ver original.right {
 
}
 
.content {
 
 
}
 
 
.right.content {
 
 
}

Un saludo

Más info http://www.sidar.org/recur/desdi/tra...tml#class-html

glubs, imperdonable, sorry

iulius · #5 (**permalink**) 25/08/2009, 03:33

Cita:

Iniciado por iulius

glubs, imperdonable, sorry

kseso? · #6 (**permalink**) 25/08/2009, 05:23

¡uy! por qué poquito, Nathan no te has ganado la matrícula de honor

Con tu permiso una pequeña corrección, Nathan.

Cita:

Significa que a la caja "header" le aplicas no sólo sus propiedades sino las de las otras dos clases que mientas: .right y .content.

Hasta aquí

Pero en el css deberías tener definidas los tres selectores:

Cita:

#header {...}
.right {... }
.content {... }

Te lo comento, porque en tu ejemplo, utilizas ".right.content".
Eso implicaría que en el html debería haber esta etiqueta:

Cita:

~~<div class="right" class=content">....~~

y como ves, eso sería un error por duplicar la clase.

Un poco de teoría ( y espero que lo veáis sólo como una aclaración) de las variadas formas de aplicar los selectores y lo que ello significan:

Cita:

SOLO se aplica a los elementos de tipo "h1" con atributo class="right":
p.right { ... }
en el html:
<p class="right">a este contenido sí...</p>
<p>a este contenido no se aplica</p>

Se aplica a todos los elementos con atributo class="aviso" que estén dentro de cualquier elemento de tipo "p":
p .right { ... }
en el html:
<p>a esta parte no se aplica<span class="right">a este contenido sí se aplica</span> ...</p>
<p>a esta parte no se aplica <span> a este elemento tampoco</span> <a class="right" href="#"> A este enlace sí se aplica</a> ...</p>

Un saludo

Nathan_1979 · #7 (**permalink**) 25/08/2009, 05:47

Según metacortex, te equivocas

http://www.forosdelweb.com/f53/extra...tiples-574017/

Un saludo Kseso?

Edito:Acabo de comprobar una web que en la que uso clases multiples, y... mi respuesta era de matricula de honor xD jajaja

!

Nathan_1979 · #8 (**permalink**) 25/08/2009, 06:04

Ejemplo:

Código html:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
 "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 
<title>Documento sin t&iacute;tulo</title>
<style type="text/css">
 
.uno.dos {
    color:#FF3366;
}
.tres.dos {
    color:#99CCFF;
}
</style>
 
</head>
 
<body>
 
 
<p class="uno dos">hola</p>
 
</body>
</html>

Un saludo.

kseso? · #9 (**permalink**) 25/08/2009, 06:06

jeje, Nathan, me has pillado haciendo un par de comprobaciones y leyendo un mp de Mikmoro sobre el particular.

Y efectivamente, puedes definir en el css '.clase1.clase2' y aplicarlo en html a una clase como clase doble(<div class="clase1 clase2">).

La única pega de esa definición doble es que en un navegador no funciona. ¿Adivinas cuál?

Así que mi reconocimiento a tu matrícula (aunque inicialmente no pensásemos profundizar tanto

)

Un saludo

Nathan_1979 · #10 (**permalink**) 25/08/2009, 06:10

Cita:

Iniciado por kseso?

La única pega de esa definición doble es que en un navegador no funciona. ¿Adivinas cuál?

Un saludo

firefox?

Un saludo compañero.

jomaruro · #11 (**permalink**) 25/08/2009, 15:28

Hola:

Aparte de que veo que hay otro despiste

Cita:

Iniciado por kseso?

SOLO se aplica a los elementos de tipo "h1" con atributo class="right":
p.right { ... }
en el html:
<p class="right">a este contenido sí...</p>
<p>a este contenido no se aplica</p>

¿o no?

Saludos.