Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Hola buenas, antes de nada agradeceros como siempre vuestra dedicacion y estos maravillosos cursos, y aqui viene mi duda.
En el ejercicio de radial gradient pedis una imagen con degradado y un borde hecho a partir de una imagen o fragmento de esta.

El problema es que la imagen degradada siempre ocupa el espacio de los bordes y la imagen que debe expandirse como borde no lo hace.

Aqui os dejo el codigo y gracias de antemano!

div{margin:0 auto; width:400px; height:200px; border: 30px solid transparent;  border-image: url(../img/borde.jpg) 30 30 stretch;
 background-image: radial-gradient(ellipse farthest-corner at 45px 45px , #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%);}

Buenas de nuevo y de nuevo gracias por estos grandes cursos
En la entrega nº 15 de CSS nos dan como ejercicio resuelto este pequeño codigo html
<ul>
<li><a href="#">Inicio</a></li>
<li> <a href="libros.html">Libros de programación</a> </li>
<li> <a href="cursos.html">Cursos de programación</a> </li>
<li> <a href="humor.html">Humor informático</a> </li>
</ul>
<!-- fin menu -->
en el cual debemos definir que esta lista es de clase (class) especial. La clase especial no tendrá estilos especificados. En cambio, deberá definirse que los elementos li dentro de la lista ul de clase especial tengan color de fondo gris para los elementos impares (primero, tercero, quinto, séptimo…) y color de fondo rosa para los elementos pares (segundo, cuarto, sexto, octavo…).

el codigo css incluido en la solucion es el siguiente
ul.especial li:nth-child(odd) {background-color: grey;}
ul.especial li:nth-child(even) {background-color: pink;}
el cual al igual que otra de las opciones validas para solucionar el ejercicio no me funciona
He probado simplemente con ul y con li y funcionan perfectamente excepto cuando entra en juego el atributo class

ul li:nth-child(odd) {background-color: grey;}
 ul li:nth-child(even) {background-color: pink;}
de esta manera funciona pero logicamente tendria problemas mas adelante en el caso de tener varias listas definidas con el atributo class

Una vez mas muchas gracias por tu esfuerzo un saludo

Holaa muchas gracias por la contestacion, estuve mirando la teoria y sigo algo confuso o quizas es que pueda hacerse de las dos maneras no lo se.

 DEFINIR SUBESTILOS DENTRO DE UNA CLASE

Podemos definir que determinadas cajas dentro de otra principal tengan estilos diferenciados. Por ejemplo, podemos querer que los párrafos de clase “destacado” tengan fondo naranja, pero que si dentro del párrafo hay un link (etiquetas <a> … </a>) dicho link tenga un estilo específico, por ejemplo que tenga fondo amarillo y un tamaño un 20% superior a lo normal. Para ello escribiríamos:

/* Curso CSS estilos aprenderaprogramar.com*/
  p.destacado { background-color: orange; font-weight:bold; font-size:100%; }
  p.destacado a { background-color: yellow;  font-size:120%; }

al ver esto en la teoria intente hacerlo similar y de ahi que pusiera el post al no lograr el resultado necesitado
El texto corresponde a los conceptos de herencia en css la entrega nº 13

Una vez mas muchas gracias por tu tiempo y esfuerzo

edit: una ultima duda

b) Usando CSS establece como color de texto el rojo (red) y tamaño de fuente el 130% respecto de lo normal para los elementos h1 que se encuentren dentro de un elemento cuyo valor class sea <<principal>>.

aumentar el tamaño de fuente respecto a elementos h1 o h3 o como sea no es simplemente font-size: 130% por ejemplo ya que lo hace respecto al tamaño de letra estandar por lo que veo, como se el tamaño a poner respecto a esto? muchas gracias y perdon por la insistencia jaja