Trivia: Conceptos CSS

Mikmoro · #**391** (**permalink**) 04/12/2008, 17:30

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 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.

metacortex · #**392** (**permalink**) 03/03/2009, 07:08

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

Código css:

Ver original- ..12pxRectangulo { ... }
- .\12pxRectangulo { ... }
- .12pxRectángulo { ... }
- .12pxRectangulo { ... }

David · #**393** (**permalink**) 03/03/2009, 08:26

Supongo que ninguno, ya que el nombre de clase no debería comenzar con un número

.

metacortex · #**394** (**permalink**) 03/03/2009, 09:04

Hay uno correcto

David · #**395** (**permalink**) 03/03/2009, 09:11

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.

foreverOdd · #**396** (**permalink**) 03/03/2009, 13:15

La 4 es la correcta

Dalvenjha · #**397** (**permalink**) 04/03/2009, 08:13

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

Saludos!!

Mikmoro · #**398** (**permalink**) 04/03/2009, 08:53

¿A los que sabéis de programación no os suena el caracter de escape de la barra invertida?

Dalvenjha · #**399** (**permalink**) 04/03/2009, 08:55

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.

David · #**400** (**permalink**) 04/03/2009, 09:06

Yo acerté primero

.

metacortex · #**401** (**permalink**) 04/03/2009, 09:07

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

.

Daniel Ulczyk · #**402** (**permalink**) 04/03/2009, 09:14

Cita:

Iniciado por David el Grande

Supongo que ninguno, ya que el nombre de clase no debería comenzar con un número

Alguna opinión al respecto?

David · #**403** (**permalink**) 04/03/2009, 09:24

Yo mismo me retracté posteriormente

Cita:

Iniciado por David el Grande

EDITO: Soy un animal

, claro, con que es una unidad de medida.

David · #**404** (**permalink**) 04/03/2009, 09:55

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.a(+)b { ... }
.a\+b { ... }
.a.+b { ... }
.a+b { ... }
.a\2Bb { ... }

foreverOdd · #**405** (**permalink**) 04/03/2009, 10:09

El selector 2, ahora si!!!

David · #**406** (**permalink**) 04/03/2009, 10:42

¿Y si te digo que hay más de uno?

foreverOdd · #**407** (**permalink**) 04/03/2009, 12:04

Te diria que no hay mas de uno...

faiverson · #**408** (**permalink**) 18/03/2009, 13:42

Cita:

Iniciado por Mikmoro

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.

Mikmoro · #**409** (**permalink**) 18/03/2009, 16:47

¿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.

faiverson · #**410** (**permalink**) 18/03/2009, 16:52

Lo probe en firefox 2. Si quieren posteo el codigo.

faiverson · #**411** (**permalink**) 18/03/2009, 16:54

<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>

Mikmoro · #**412** (**permalink**) 18/03/2009, 17:03

Era un error tipográfico mio:no es yelow, sino yellow (mira que me gusta poco usar nombres en los colores).

metacortex · #**413** (**permalink**) 18/03/2009, 18:03

Jejeje menos mal que no era blanco porque hubieses escrito "güait".

jomaruro · #**414** (**permalink**) 18/03/2009, 18:42

y con el marrón se afeita

Mikmoro · #**415** (**permalink**) 19/03/2009, 05:54

Cita:

Iniciado por metacortex

Jejeje menos mal que no era blanco porque hubieses escrito "güait".

No, guait, que con la a no lleva diéresis

faiverson · #**416** (**permalink**) 19/03/2009, 07:03

Uff... ni lo vi :P
Bueno, por un lado mejor... estaba empezando a hacer malabares para entenderlo. :)

metacortex · #**417** (**permalink**) 19/03/2009, 08:08

Cita:

Iniciado por Mikmoro

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).

jomaruro · #**418** (**permalink**) 19/03/2009, 08:34

Cita:

Iniciado por metacortex

No subestimes la diéresis. Si la colocas lograrás un blanco perfecto (toda la página saldrá en blanco).

Mikmoro · #**419** (**permalink**) 19/03/2009, 13:32

Cita:

Iniciado por metacortex

No subestimes la diéresis. Si la colocas lograrás un blanco perfecto (toda la página saldrá en blanco).

blanco de verdad.

metacortex · #**420** (**permalink**) 12/05/2009, 04:34

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?.