Trivia: Conceptos CSS

[kseso?]

Con permiso de D. Meta, que me adelantó en la respuesta:
<spam> es un elemento que lo encontramos 'inline' en 'blockes' cada vez mayores, aunque por su naturaleza es intrínsecamente un elemento de 'papelera' porque si llega a elemento 'buzón_de_entrada' causa su comportamiento será impredecible.
<span> ya es otra cosa

[Mikmoro]

<spam style="position: masive; background: noise; border: yes-very;>

Mikel.

[DragonX]

<spam style="position: masive; background: noise; border: yes-very-much;>

[metacortex]

Iniciado por faiverson

PD: metacortex pensé tambien que la trivia en parte era para que queden claras las preguntas y para mi no estaba clara la respuesta.

Y así es . A primera vista me pareció un offtopic pero no fue así. Disculpa esa .

[Mikmoro]

Es tu turno, meta.

[metacortex]

Voy, voy... Tas apurao?

[Mikmoro]

Es que como ponías una respuesta a otra cosa sin ir seguida de la pregunta, y como mientras los niños hemos estado jugando en el parque (haciendo chistes ), pensaba que se te había olvidado

Mikel.

[Nathan_1979]

Joe llevamos 7 horas y media de diferencia España-Venezuela



:D jajaj

[metacortex]

Iniciado por Mikmoro

Es que como ponías una respuesta a otra cosa sin ir seguida de la pregunta, y como mientras los niños hemos estado jugando en el parque (haciendo chistes ), pensaba que se te había olvidado

Mikel.

Jejeje, sí así lo vi .

Iniciado por Nathan_1979

Joe llevamos 7 horas y media de diferencia España-Venezuela



:D jajaj

Ahora entiendo el apuro de Mikel. Quiere irse a dormir jajaja.

-------------

P: ¿Cuál de los siguientes selectores está incorrecto?

Código:

a) .a *
b) .a a
c) a.a
d) a .a
e) Ninguno de los anteriores

[DragonX]

y pensando mucho....la opción A ... y sigo

[inadaptado_lechuzo]

mm yo creo que si la opcion a , por que el asterisco... se usaria en todo caso de la siguiente forma.. : * a {}

[derkenuke]

Yo digo la e, todas son correctas.

[metacortex]

Correcto derkenuke . Lanza tu pregunta.

[derkenuke]

Vamos a poner algo complicadillo, que se ve que hay nivel

¿Cual de estas sentencias es incorrecta?

Código:

a) a[title]:hover:after { content: attr(title) " (" attr(href) ")"; }
b) p>em+span { content: "hola"; }
c) legend { color: red; }
d) kbd { display: none; }
e) bdo samp { border-color:red }

[AlvaroG]

¿la e? No recuerdo haber visto esos elementos antes

[inadaptado_lechuzo]

la b , le falta la variable attr .

[derkenuke]

No alvlin, no es la e. Esos elementos existen:
BDO - Anulación del algoritmo bidireccional
SAMP - Designa una muestra de la salida de un programa, script, etc.

inadaptado_lechuzo: A la b no le falta attr(), eso es para conseguir el contenido de un atributo en concreto.


Saludos.

[DragonX]

Iniciado por derkenuke

Vamos a poner algo complicadillo, que se ve que hay nivel

¿Cual de estas sentencias es incorrecta?

Código:

a) a[title]:hover:after { content: attr(title) " (" attr(href) ")"; }
b) p>em+span { content: "hola"; }
c) legend { color: red; }
d) kbd { display: none; }
e) bdo samp { border-color:red }

[AlvaroG]

tonces es la b, ya que span no es un elemento con contenido autogenerado, y por lo tanto no lleva el "content"

[derkenuke]

Perfecto alvlin
content sólo con puede ir con selectores que lleven :after o :before
http://www.w3schools.com/Css/pr_gen_content.asp

¡Lanza tu pregunta! y que sea más fácil que la mía

[AlvaroG]

Bueno, veamos. Esto es algo que me dio sus problemas en su momento

teniendo 3 hojas de estilo incluidas de la siguiente forma

<link rel="stylesheet" href="hoja1.css" title="Estilos1" />
<link rel="stylesheet" href="hoja2.css" title="Estilos2" />
<link rel="stylesheet" href="hoja3.css" title="Estilos2" />

hoja1.css:
a { color : red; }

hoja2.css:
a { color : blue; }

hoja3.css:
a { color : green; }


¿de qué color se verán los enlaces?

[metacortex]

verdes

[AlvaroG]

Nopes, probalo
(asumiendo que explicarlo es parte de la respuesta correcta)

[Nathan_1979]

Yo diría la A

Leí por ahí que si tienes 2 selectores apuntando a las misma declaración el navegador coge el primero por defecto.

Puede ser??

así que supongo que si tienes 3 ira por las mismas jaja

Pd: el foro es un vicio xD

[AlvaroG]

La respuesta es correcta, la explicación no. La regla de cascada "simple" le daría la razón a metacortex.

El problema acá es provocado por los diferentes valores del atributo "title".
Cuando hay más de uno, la regla de cascada solamente se aplica entre elementos con el mismo "title" (y por lo tanto el "green" de hoja3 sustituye al "blue" de hoja2, pero no al "red" de hoja1)

El navegador toma primero el primer "title" declarado, y por tanto los enlaces se muestran rojos.

Nathan_1979: es tu turno.

[Nathan_1979]

Código PHP:

  <div id="prueba"><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. </p>
<p>Donec id sem. In hac habitasse platea dictumst. Quisque a sem. Sed id felis. Nam quam orci, 
dictum sed, suscipit mollis, imperdiet in, erat. Ut accumsan libero sit amet est. Mauris  ligula.</p>
<p> Donec elit ipsum, convallis quis, elementum porta, luctus vel, nisi. Praesent 
nec magna. Etiam non mauris. Vestibulum vitae nibh ut est fringilla luctus. Quisque ut
 leo. Integer sed ante. Aenean sapien felis, aliquet id, dapibus ut, faucibus ut, magna.</p>
 <p>Praesent justo eros, lobortis et, malesuada at, varius vel, urna. Donec 
ullamcorper. Sed libero sem, commodo a, euismod a, cursus fermentum, sapien. Cras
 fringilla.</p>
</div> 
   

Que 2 propiedades usaríais para colocar este texto a 3 columnas y con una separación de 5 px.

[Mikmoro]

¿Dividir el texto en tres columnas con 2 propiedades? Ni se me ocurre, la verdad.

Mikel.

[DragonX]

la verdad ni idea, estoy con mike!

[messer]

Debe haber una separacion de 5px entre las columnas?

[Nathan_1979]

Enga ya!
Como que no lo sabéis!


Si messer de 5px.

Un salu2!