Foros del Web » Creando para Internet » CSS »

No me funciona el selector mayor que ">"

Estas en el tema de No me funciona el selector mayor que ">" en el foro de CSS en Foros del Web. Todo se pone "Bold" y quiero que los hijos se queden regular código: <!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> ul#lista > li { font-weight: ...
  #1 (permalink)  
Antiguo 23/11/2014, 17:11
 
Fecha de Ingreso: agosto-2014
Mensajes: 48
Antigüedad: 9 años, 8 meses
Puntos: 1
No me funciona el selector mayor que ">"

Todo se pone "Bold" y quiero que los hijos se queden regular


código:


<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
ul#lista > li {
font-weight: bold;

}
</style>

</head>
<body>

<ul id="lista">
<li> hola
<ul>
<li>hola</li>
<li>hola</li>
</ul>
</li>
<li>hola</li>
<li>hola</li>
</ul>
</body>
</html>
  #2 (permalink)  
Antiguo 23/11/2014, 22:12
 
Fecha de Ingreso: marzo-2011
Ubicación: Oaxaca
Mensajes: 252
Antigüedad: 13 años, 1 mes
Puntos: 17
Respuesta: No me funciona el selector mayor que ">"

Veo que estas haciendo una lista anidada, lo que tienes que hacer es agregar lo siguiente a tu hoja de estilos
Código:
li > ul li{
    font-weight: normal; 
}
con eso no deberias tener problema amigo

cualquier cosa, comenta
  #3 (permalink)  
Antiguo 24/11/2014, 12:21
 
Fecha de Ingreso: agosto-2014
Mensajes: 48
Antigüedad: 9 años, 8 meses
Puntos: 1
Respuesta: No me funciona el selector mayor que ">"

Es que no tiene lógica que no funcione de la primera forma. No entiendo por que.

Lo tome de este vídeo:

http://www.youtube.com/watch?v=-LIc4yu-Ojc


A el le funciona, y ya me estudie la teoría pero y todo parece estar correcto. Pero no funciona.
  #4 (permalink)  
Antiguo 24/11/2014, 15:07
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: No me funciona el selector mayor que ">"

Bueno, que pongo un vídeo donde dice que le sale no quiere decir que le salga.

Es lógico que no funcione como esperas, ya que font-weight es un valor que se hereda, por lo tanto está bien. Se aplica únicamente a los hijos, pero al ser un valor que se hereda también lo toman los hijos de los hijos.

Ponle por ejemplo un borde y verás que está bien.
__________________
(:
  #5 (permalink)  
Antiguo 25/11/2014, 11:17
Avatar de solmedina87  
Fecha de Ingreso: noviembre-2014
Mensajes: 68
Antigüedad: 9 años, 5 meses
Puntos: 4
Respuesta: No me funciona el selector mayor que ">"

Por herencia no serviria poner algo asi?:

Código CSS:
Ver original
  1. ul { font-weight:bold;}
  2. li {font-weight:normal;}
  #6 (permalink)  
Antiguo 26/11/2014, 10:32
Avatar de DragonX
Colaborador
 
Fecha de Ingreso: mayo-2002
Ubicación: Funkyland
Mensajes: 8.433
Antigüedad: 22 años
Puntos: 177
Respuesta: No me funciona el selector mayor que ">"

Cita:
Iniciado por 20113784 Ver Mensaje
Es que no tiene lógica que no funcione de la primera forma. No entiendo por que.

Lo tome de este vídeo:

http://www.youtube.com/watch?v=-LIc4yu-Ojc


A el le funciona, y ya me estudie la teoría pero y todo parece estar correcto. Pero no funciona.
al hacer ul#id > li le estas hablando absolutamente a todos los <li> que esten dentro del ul#id por esa razon todo te sale en bold.

podes hacer esto:

Código CSS:
Ver original
  1. ul#list > li{font-weight:bold;}
  2. ul#list > li > li{font-weight:normal;}

y listo con eso estas diciendo que los <li> que esten dentro de un <li> no sean bold.
__________________
Desarrollos dosLotos
Calendario Maya, Meditación, Osho
  #7 (permalink)  
Antiguo 26/11/2014, 11:25
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.488
Antigüedad: 21 años, 9 meses
Puntos: 2114
Respuesta: No me funciona el selector mayor que ">"

Cita:
Iniciado por DragonX Ver Mensaje
al hacer ul#id > li le estas hablando absolutamente a todos los <li> que esten dentro del ul#id por esa razon todo te sale en bold.
No es cierto. > sólo selecciona hijos, no elementos descendientes. Pero hay propiedades que se heredan, como es el caso de font-weight.

Aquí un ejemplo:



El grosor de la fuente se hereda. El borde no.
__________________
(:

Etiquetas: html, mayor, selector
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 14:07.