Foros del Web » Creando para Internet » HTML »

Para que sirven multiples nombres de class en un solo class

Estas en el tema de Para que sirven multiples nombres de class en un solo class en el foro de HTML en Foros del Web. viendo el code de una pagina me encuentro con esto: Código HTML: <body id="wallpaper23" class=" headerfixed plainheader quadbar" ... y examinando el CSS no existe ...
  #1 (permalink)  
Antiguo 16/07/2010, 17:42
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Para que sirven multiples nombres de class en un solo class

viendo el code de una pagina me encuentro con esto:
Código HTML:
<body id="wallpaper23" class=" headerfixed plainheader quadbar"
...

y examinando el CSS no existe ni un .class con el nombre de "headerfixed plainheader quadbar"

los hay, pero separados, o sea:
.headerfixed
.plainheader
.quadbar

me podrian explicar como funciona esto y para que varios nombres?? o estoy equivocado yo??

saludos y disculpen, pero me trae sin cuidado esto, no lo entiendo..
  #2 (permalink)  
Antiguo 16/07/2010, 18:50
Avatar de Triby
Mod on free time
 
Fecha de Ingreso: agosto-2008
Ubicación: $MX->Gto['León'];
Mensajes: 9.741
Antigüedad: 9 años, 4 meses
Puntos: 2113
Respuesta: Para que sirven multiples nombres de class en un solo class

Se supone que los navegadores reales aplicarian cada una de las clases a esa etiqueta, lamentablemente algunas versiones de IE no lo hacen correctamente.
__________________
- León, Guanajuato
- GV-Foto
  #3 (permalink)  
Antiguo 16/07/2010, 19:00
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Para que sirven multiples nombres de class en un solo class

o sea, es exactamente lo mismo que poner todo en una sola clase que poner cosas distintas entre las 3 clases, al fin y al cabo, todas aplicaran donde mismo??
estoy en lo correcto??

es q no comprendo del tanto todo.
  #4 (permalink)  
Antiguo 17/07/2010, 00:37
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Para que sirven multiples nombres de class en un solo class

A ver, un ejemplo


Código CSS:
Ver original
  1. <style type="text/css">
  2. <!--
  3. body {
  4.     font-family: "Times New Roman", Times, serif;
  5. }
  6. .arial {
  7.     font-family: Arial, Helvetica, sans-serif;
  8. }
  9. .verde {
  10.     color: #003300;
  11. }
  12. .rojo {
  13.     color: #FF0000;
  14. }
  15. -->
  16. </style>


este es un párrafo con clase="arial rojo"

este es un párrafo con clase="arial verde"

Podrías haber incluído un <span> dentro del párrafo con clase verde u rojo, pero se resolvió desde el mismo css.
en hojas de estilo más complejas esta puede ser una solución más practica que involucrar otras etiquetas.
A su vez .rojo y .verde sólo definen el color, asi que nos quedan como recurso para aplicar a otros elementos que no sean <p>


Saludos
  #5 (permalink)  
Antiguo 17/07/2010, 10:56
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Para que sirven multiples nombres de class en un solo class

a osea, para lo que se utiliza esto es como por ejemplo.
tengo 5 clases.

clase1 -> este dara color rojo
clase2 -> este color verde
clase3 -> este font 0.5em
clase4 -> este centrado
clase5 -> este font 1em

y si yo a mi <span>contenido</span> le quiero dar rojo, centrado y 1em de tamaño, le pondre las 3 clases.

o sea, clase1, 4 y 5.

Bueno aqui ando dando a explicacion al revez, por que se supone que primero das las clases y ya vez las propiedades q les daras.

pero estoy en la razón????????
  #6 (permalink)  
Antiguo 17/07/2010, 12:00
 
Fecha de Ingreso: enero-2009
Ubicación: Uruguay
Mensajes: 121
Antigüedad: 8 años, 11 meses
Puntos: 4
Respuesta: Para que sirven multiples nombres de class en un solo class

yo lo veo como forma de ahorrar codigo
__________________
www.sandant.com - Blog de Programacion y mucho mas

WWW.SPEDEVIGNER.COM SE DEJARA DE USAR EN UN MES
  #7 (permalink)  
Antiguo 17/07/2010, 12:39
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Para que sirven multiples nombres de class en un solo class

yo lo veo como la posibilidad de combinar distintos estilos sin tener la necesidad de crear estilos especificos para cada cosa.
Es decir, en vez de crear una clase donde se define el color rojo para el texto, y otra clase con similares caracteristicas pero con color azul para el texto, se crea directamente una clase .rojo y otra clase .azul, lo que también da la posbilidad de utilizarla junto con otras clases.
bueno, me enrede entre las clases de clases y mas clases,

Viendo mi css, la verdad que me haría falta redefinir y aplicar estos conceptos.
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #8 (permalink)  
Antiguo 17/07/2010, 12:59
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Para que sirven multiples nombres de class en un solo class

El punto es que cada clase tiene, propiedades definidas, y en este caso, el contenido tiene 3 clases. ¿Por que?
Por que aplicara los atributos de las tres clases a un solo contenido.
=D
  #9 (permalink)  
Antiguo 17/07/2010, 14:24
Avatar de arthpix  
Fecha de Ingreso: diciembre-2003
Ubicación: Cancún
Mensajes: 2.340
Antigüedad: 14 años
Puntos: 93
Respuesta: Para que sirven multiples nombres de class en un solo class

Una razón práctica es el poder agregar atributos adicionales a cierto elemento que ya tiene una clase definida. Sin que se pierdan atributos ya declarados en la otra clase... lo que permite optimizar el código.

Por ejemplo, en un menú multinivel tipo acordeón los submenús están formados por listas de clase "sub" con un atributo "display: hidden" (ademas de otros atributos). usamos la clase "activo" para hacer que uno de los submenús sea visible sin perder el aspecto de sus elementos de lista.
Código CSS:
Ver original
  1. #menu li { color: red; list-style-type: disc;}
  2. ul.sub { visibility: hidden; }
  3. ul.sub li { color: blue; list-style-type: square; }
  4.  
  5. /* No tengo que volver a definir los "li", me ahorro una línea de código.*/
  6. ul.activo {visibility: visible !important; }
Código HTML:
Ver original
  1. <ul id="menu">
  2.    <li>Elemento 1
  3.       <ul class="sub">
  4.          <li>Subelemento 1.1</li>
  5.          <li>Subelemento 1.2</li>
  6.          <li>Subelemento 1.3</li>
  7.       </ul>
  8.    </li>
  9.    <li>Elemento 2
  10.       <!-- Este submenú esta visible -->
  11.       <ul class="sub activo">
  12.          <li>Subelemento 2.1</li>
  13.          <li>Subelemento 2.2</li>
  14.          <li>Subelemento 2.3</li>
  15.       </ul>
  16.    </li>
  17. </ul>
__________________
Antes de hacer rabietas infórmate: Linux != Windows
  #10 (permalink)  
Antiguo 17/07/2010, 14:43
 
Fecha de Ingreso: noviembre-2009
Ubicación: Barcelona
Mensajes: 214
Antigüedad: 8 años
Puntos: 6
Respuesta: Para que sirven multiples nombres de class en un solo class

arthpix
este no tiene ni una funcion:
ul.sub li { color: blue; list-style-type: square; }

has usado dos clases y un identificador.
class="sub"
class="activo"
id="menu"

yo queria entender el por que!! pero no se si pensar que tiene muy poca importancia este tema, o algo anda mal.

ya que yo he logrado exactamente lo mismo que tu, sin usar dos clases en un mismo elemento

usando una sola clase (para la invisibilidad) y con poco codigo.

Código CSS:
Ver original
  1. ul li {color: red; list-style-type: disc;}
  2. .hidden {visibility: hidden;}

por eso te digo si este tema no tiene mucha importancia o que?
Yo estoy consiente que me trataste de dar un ejemplo, pero si ese es el caso.
Hay mas maneras mas faciles y ahorrando codigo de hacerlos.
  #11 (permalink)  
Antiguo 17/07/2010, 15:09
Avatar de alexk
Colaborador
 
Fecha de Ingreso: julio-2009
Ubicación: De vuelta al trono
Mensajes: 1.697
Antigüedad: 8 años, 5 meses
Puntos: 137
Respuesta: Para que sirven multiples nombres de class en un solo class

para mi es muy util... ahorro mucho codigo usando mi framework css que me ahorra mucho codigo y me agiliza...
Sobre navegadores... almenos hasta ahora no eh tenido problemas... desde ie6 a cualquier otro navegador...

Etiquetas: class, multiples, nombres
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 08:07.