Foros del Web » Creando para Internet » CSS »

Trivia: Conceptos CSS

Estas en el tema de Trivia: Conceptos CSS en el foro de CSS en Foros del Web. Cita: Iniciado por [NiRVaNa] No pense que hubiera sido tan dificil :P Más bien creo que hubo algo de dudas en el planteamiento de tu ...

  #391 (permalink)  
Antiguo 04/12/2008, 17:30
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por [NiRVaNa] Ver Mensaje
No pense que hubiera sido tan dificil :P
Más bien creo que hubo algo de dudas en el planteamiento de tu pregunta porque tal y como estaba la respuestsa era ambigua: ponías dos párrafos sin nada delante, por lo que :first-child podría ser incorreto, ya que si lo que había delante hubiera sido otro párrafo, el código fallaría.

Por eso yo puse a body como padre, para concretar que delante no había nada y puse el first-child como añadido (tal y como te dije) a que ya había respondido alguien con el first-letter.

Hubiera estado más claro con los dos párrafos dentro de algo como un div.

Si quieres puedes volver a lanzar otra pregunta.
__________________
Visita mi nueva web idplus.org
  #392 (permalink)  
Antiguo 03/03/2009, 07:08
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

A ver, cuál de los siguientes selectores está correctamente escrito?.

Código css:
Ver original
  1. - ..12pxRectangulo { ... }
  2. - .\12pxRectangulo { ... }
  3. - .12pxRectángulo { ... }
  4. - .12pxRectangulo { ... }
  #393 (permalink)  
Antiguo 03/03/2009, 08:26
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

Supongo que ninguno, ya que el nombre de clase no debería comenzar con un número .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #394 (permalink)  
Antiguo 03/03/2009, 09:04
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Hay uno correcto
  #395 (permalink)  
Antiguo 03/03/2009, 09:11
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

Claro, la opción 2 .

Aunque insisto en que no es buena idea comenzar el nombre de una clase con un número .

EDITO: Soy un animal , claro, con que es una unidad de medida.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #396 (permalink)  
Antiguo 03/03/2009, 13:15
Avatar de foreverOdd  
Fecha de Ingreso: noviembre-2007
Ubicación: Caracas
Mensajes: 489
Antigüedad: 10 años
Puntos: 14
Respuesta: Trivia: Conceptos CSS

La 4 es la correcta
__________________
My path is lit by my own fire, I only go where I desire
  #397 (permalink)  
Antiguo 04/03/2009, 08:13
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Trivia: Conceptos CSS

.12pxRectangulo { ... } esta es la correcta, no pueden ir dos puntos seguidos, tampoco un slash y el otro tiene una tilde.

Saludos!!
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #398 (permalink)  
Antiguo 04/03/2009, 08:53
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

¿A los que sabéis de programación no os suena el caracter de escape de la barra invertida?
__________________
Visita mi nueva web idplus.org
  #399 (permalink)  
Antiguo 04/03/2009, 08:55
Avatar de Dalvenjha  
Fecha de Ingreso: febrero-2008
Ubicación: $("#oficina");
Mensajes: 692
Antigüedad: 9 años, 9 meses
Puntos: 53
Respuesta: Trivia: Conceptos CSS

Pues en Javascript y PHP si, pero en CSS nunca lo había visto.

=(

De hecho lo tomé como si fuera el nombre de la clase "12pxcuadrado"

Peor aún el error, no se puede empezar una clase con números si no me equivoco.

Entonces, si está el caracter de escape, y no se pueden usar números para empezar, por consiguiente, el correcto es el "2".

-.-

Jajaja, que triste.
__________________
Mi Showcase ||

Compartiendo todo lo posible con los demás.
  #400 (permalink)  
Antiguo 04/03/2009, 09:06
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

Yo acerté primero .
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #401 (permalink)  
Antiguo 04/03/2009, 09:07
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Efectivamente la respuesta de David es la correcta. La barra invertida tiene la misma función que en otros lenguajes. De hecho antes se usaba como hacking para IE.

Lanza tu pregunta David .
  #402 (permalink)  
Antiguo 04/03/2009, 09:14
Avatar de Daniel Ulczyk
Moderador
 
Fecha de Ingreso: febrero-2005
Ubicación: Buenos Aires
Mensajes: 9.175
Antigüedad: 12 años, 9 meses
Puntos: 2072
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por David el Grande Ver Mensaje
Supongo que ninguno, ya que el nombre de clase no debería comenzar con un número
Alguna opinión al respecto?
__________________
—Somos lo que hacemos repetidamente. La excelencia, entonces, no es un acto sino un hábito. (Aristóteles dixit)
  #403 (permalink)  
Antiguo 04/03/2009, 09:24
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

Yo mismo me retracté posteriormente
Cita:
Iniciado por David el Grande Ver Mensaje
EDITO: Soy un animal , claro, con que es una unidad de medida.
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #404 (permalink)  
Antiguo 04/03/2009, 09:55
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

No tengo mucha creatividad para estas cosas .

¿Cuál(es) de los siguientes selectores afectaría a un elemento que tuviera como clase "a+b"?
Código css:
Ver original
  1. .a(+)b { ... }
  2. .a\+b { ... }
  3. .a.+b { ... }
  4. .a+b { ... }
  5. .a\2Bb { ... }
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #405 (permalink)  
Antiguo 04/03/2009, 10:09
Avatar de foreverOdd  
Fecha de Ingreso: noviembre-2007
Ubicación: Caracas
Mensajes: 489
Antigüedad: 10 años
Puntos: 14
Respuesta: Trivia: Conceptos CSS

El selector 2, ahora si!!!
__________________
My path is lit by my own fire, I only go where I desire
  #406 (permalink)  
Antiguo 04/03/2009, 10:42
Avatar de David
Moderador
 
Fecha de Ingreso: abril-2005
Ubicación: In this planet
Mensajes: 15.711
Antigüedad: 12 años, 7 meses
Puntos: 833
Respuesta: Trivia: Conceptos CSS

¿Y si te digo que hay más de uno?
__________________
Por favor, antes de preguntar, revisa la Guía para realizar preguntas.
  #407 (permalink)  
Antiguo 04/03/2009, 12:04
Avatar de foreverOdd  
Fecha de Ingreso: noviembre-2007
Ubicación: Caracas
Mensajes: 489
Antigüedad: 10 años
Puntos: 14
Respuesta: Trivia: Conceptos CSS

Te diria que no hay mas de uno...
__________________
My path is lit by my own fire, I only go where I desire
  #408 (permalink)  
Antiguo 18/03/2009, 14:42
Avatar de faiverson  
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 12 años, 7 meses
Puntos: 0
Busqueda Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por Mikmoro Ver Mensaje
Considero que es el trivial pero es una duda razonable. Ya dije que creo conveniente explicar las respuestas para que quede constancia.

Tal y como ha puesto las clases son concatenadas, es decir, que afectará a los elementos que tengan ambas clases. Así:

.uno {background-color: blue;}
.dos {background-color: red;}
.uno.dos {background-color: yelow;}

<div class="uno">... será azul
<div class="dos">... será rojo
<div class="uno dos">... será amarilo

Será amarillo quien tenga las clases uno y dos, no uno o dos.

¿Se ve claro?

Mikel.
Revivo este mensaje re viejo, disculpen pero me parece oportuno, ya que probando obtengo que el <div class="uno dos"> muestra color rojo! O sea que no muestra amarillo. Probando tambien llegue a la conclusion que muestra la ultima clase cargada en el estilo y no en el atributo.
__________________
Fabi... fighting versus the web
  #409 (permalink)  
Antiguo 18/03/2009, 17:47
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

¿En qué navegador? IE6 supongo, que tiene un problema y no sabe interpretar las dos clases, por lo que siempre interpreta la última, en este caso "dos", es decir, rojo.

Pruébalo en cualquier otro navegador.
__________________
Visita mi nueva web idplus.org
  #410 (permalink)  
Antiguo 18/03/2009, 17:52
Avatar de faiverson  
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Trivia: Conceptos CSS

Lo probe en firefox 2. Si quieren posteo el codigo.
__________________
Fabi... fighting versus the web
  #411 (permalink)  
Antiguo 18/03/2009, 17:54
Avatar de faiverson  
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Trivia: Conceptos CSS

<html>
<head>
<style>
.uno {background-color: blue;}
.dos {background-color: red;}
.uno.dos {background-color: yelow;}
</style>
</head>
<body>
<div class="uno">... será azul</div>
<div class="dos">... será rojo</div>
<div class="uno dos">... será amarilo</div>
</body>
</html>
__________________
Fabi... fighting versus the web
  #412 (permalink)  
Antiguo 18/03/2009, 18:03
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

Era un error tipográfico mio:no es yelow, sino yellow (mira que me gusta poco usar nombres en los colores).
__________________
Visita mi nueva web idplus.org
  #413 (permalink)  
Antiguo 18/03/2009, 19:03
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Jejeje menos mal que no era blanco porque hubieses escrito "güait".
  #414 (permalink)  
Antiguo 18/03/2009, 19:42
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Trivia: Conceptos CSS

y con el marrón se afeita
  #415 (permalink)  
Antiguo 19/03/2009, 06:54
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por metacortex Ver Mensaje
Jejeje menos mal que no era blanco porque hubieses escrito "güait".
No, guait, que con la a no lleva diéresis
__________________
Visita mi nueva web idplus.org
  #416 (permalink)  
Antiguo 19/03/2009, 08:03
Avatar de faiverson  
Fecha de Ingreso: mayo-2005
Mensajes: 79
Antigüedad: 12 años, 7 meses
Puntos: 0
Respuesta: Trivia: Conceptos CSS

Uff... ni lo vi :P
Bueno, por un lado mejor... estaba empezando a hacer malabares para entenderlo. :)
__________________
Fabi... fighting versus the web
  #417 (permalink)  
Antiguo 19/03/2009, 09:08
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por Mikmoro Ver Mensaje
No, guait, que con la a no lleva diéresis
No subestimes la diéresis. Si la colocas lograrás un blanco perfecto (toda la página saldrá en blanco).
  #418 (permalink)  
Antiguo 19/03/2009, 09:34
Avatar de jomaruro
Colaborador
 
Fecha de Ingreso: junio-2002
Ubicación: Naboo
Mensajes: 5.442
Antigüedad: 15 años, 5 meses
Puntos: 361
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por metacortex Ver Mensaje
No subestimes la diéresis. Si la colocas lograrás un blanco perfecto (toda la página saldrá en blanco).




  #419 (permalink)  
Antiguo 19/03/2009, 14:32
Avatar de Mikmoro
Colaborador
 
Fecha de Ingreso: octubre-2006
Ubicación: K-pax
Mensajes: 7.228
Antigüedad: 11 años, 2 meses
Puntos: 279
Respuesta: Trivia: Conceptos CSS

Cita:
Iniciado por metacortex Ver Mensaje
No subestimes la diéresis. Si la colocas lograrás un blanco perfecto (toda la página saldrá en blanco).
blanco de verdad.
__________________
Visita mi nueva web idplus.org
  #420 (permalink)  
Antiguo 12/05/2009, 05:34
Avatar de metacortex
Viejo demente
 
Fecha de Ingreso: junio-2004
Ubicación: Caracas - Venezuela
Mensajes: 9.021
Antigüedad: 13 años, 6 meses
Puntos: 832
Respuesta: Trivia: Conceptos CSS

Una fácil pero con mala intención:

Tengo estos 2 elementos:

- Un body con una imagen asignada como background repetitivo.
- Una capa cualquiera con posición absoluta, alto/ancho definido y z-index: -1.

¿La capa se visualiza sobre el fondo repetitivo o se oculta detrás de éste? y -más importante- ¿cuál es la razón?.
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

SíEste tema le ha gustado a 7 personas




La zona horaria es GMT -6. Ahora son las 17:00.