He visto este personaje varias veces en archivos CSS, pero no tengo idea de cómo se usa. ¿Alguien me puede explicar y mostrar cómo son útiles para facilitar el estilo de una página?¿Cómo se usa el carácter "mayor que" o ">" en CSS?
Respuesta
Es un selector de elementos secundarios CSS. P > SPAN
significa aplicar el estilo que sigue a todas las etiquetas SPAN que son elementos secundarios de una etiqueta P
.
Tenga en cuenta que "hijo" significa "descendiente inmediato", no cualquier descendiente. P SPAN
es un selector descendiente , aplicando el estilo que sigue a todos SPAN
etiquetas que son hijos de una etiqueta o de forma recursiva P
niños de cualquier otra etiqueta que es un niño/descendiente de una etiqueta P
. P > SPAN
solo se aplica a las etiquetas SPAN
que son hijos de una etiqueta P
.
Sin embargo, una nota de precaución: no es compatible con ie6 – wheresrhys
@wheresrhys historia de mi vida ...... :) –
Esto se conoce como un Combinator niño: selector combinator
Un niño se añadió para poder peinar el contenido de elementos contenidos dentro de otros elementos especificados. Por ejemplo, supongamos que uno desea establecer el color blanco como el color de los hipervínculos dentro de las etiquetas div para una cierta clase porque tienen un fondo oscuro. Esto se puede logra mediante el uso de un período a combinar div con los recursos de clase y un signo mayor que como un combinador combinar el par con una, como se muestra a continuación:
div.resources > a{color: white;}
(de http://www.xml.com/pub/a/2003/06/18/css3-selectors.html)
E > F
Equivale a cualquier elemento F que es un hijo de un elemento E.
más en http://www.w3.org/TR/CSS21/selector.html#child-selectors
p em
coincidirá con cualquier <em>
que está dentro de un <p>
. Por ejemplo, coincidiría con los siguientes <em>
s:
<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>
Por otro lado,
p > em
sólo coincidirá con <em>
s que son hijos inmediatos de <p>
. Por lo que coincidirá:
<p>Text <em>foo</em> bar</p>
Pero no:
<p><strong><em>foo</em></strong></p>
Ejemplo agradable y claro. aunque la respuesta de tpdi fue útil, esta realmente lo hizo más fácil de entender. –
Explicación mucho más clara que la respuesta aceptada – Novocaine
- 1. menos el porcentaje mayor que vs porcentaje mayor que (es decir, -%> vs%>)
- 2. anidamiento> (mayor que) en menos de CSS-
- 3. HTML: ¿Debería codificar mayor que o no? (> >)
- 4. Scala ~> (tilde mayor que)
- 5. ¿Cómo se usa MSBuild con menos de/mayor que las condiciones?
- 6. Uso "mayor o igual" o simplemente "mayor que"
- 7. CSS ancho dinámico mayor que 100%
- 8. ¿Doble signo mayor que (>>) en Java?
- 9. Haga que el primer carácter en mayúscula en css
- 10. ¿Cómo se usa menos css con django?
- 11. ¿Para qué se usa el auto =>?
- 12. fecha igual o mayor que el de hoy en MySQL
- 13. ¿Cómo cambio el carácter que Vim usa para numerar las líneas en blanco en el búfer?
- 14. ¿Cómo se usa O, Y en condicionales?
- 15. Uso del símbolo mayor que en XML
- 16. Double.Epsilon por la igualdad, mayor que, menor que, menor que o igual a, mayor que o igual a
- 17. ¿Cómo se usa el carácter de nueva línea en el texto en lote de cmd?
- 18. Cómo evitar que CKEditor penetre < and > (mayor que/menos que)
- 19. CSS: ¿Cómo eliminar adecuadamente el borde usando CSS cuando se usa border-radius?
- 20. SSAS -> ¿Cómo se oculta un atributo que se usa en una jerarquía? (sin usar perspectivas)
- 21. ¿Cómo se llama el carácter '`'?
- 22. ¿Cómo se supone que se usa RedirectToRoute?
- 23. ¿Cómo obtener DataTemplate.DataTrigger para buscar mayor o menor que?
- 24. ¿Hay alguna diferencia de rendimiento entre mayor que y mayor que o igual?
- 25. WPF - ¿Ya se usa <?Mapping >?
- 26. Detecta si el carácter se simplifica o el carácter chino tradicional
- 27. ¿Cómo se usa FOR XML en las subconsultas?
- 28. Codeigniter: $ query-> free_result() cuando se usa el registro activo?
- 29. ¿Qué significa el símbolo '>' en css?
- 30. cambiando el tamaño del carácter con CSS
Por cierto,> que normalmente se conoce como "mayor que" (o, en sentido estricto erróneamente, como soporte de ángulo recto). – Richard
Tenga en cuenta que requiere Windows Internet Explorer 7 o posterior. O FF o algún navegador moderno. [http://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx](http://msdn.microsoft.com/en-us/library/aa358819(VS.85).aspx) – Vili
posible duplicado de [¿Qué significa el selector de CSS ">" (signo más grande)?] (http://stackoverflow.com/questions/3225891/what-does-the-greater-than-sign-css -selector-mean) – TZHX