Cuartos de niños decorados

P:first-child

Este documento es un subconjunto estricto de la especificación completa de HTML5 que omite los detalles de implementación del agente de usuario (UA). Está dirigido a autores web y a otras personas que no son implementadores de UA y que desean una visión de la especificación HTML que se centre más precisamente en los detalles relevantes para el uso del lenguaje HTML para crear documentos y aplicaciones web. Dado que este documento no proporciona criterios de conformidad de la implementación, los implementadores de UA no deben basarse en él, sino que deben consultar la especificación completa de HTML5.
Este documento es una redacción automatizada de la especificación completa de HTML5. Como tal, se supone que los dos documentos coinciden en cuestiones normativas relativas a los autores web. Sin embargo, si los documentos no coinciden, se trata de un error en el proceso de redacción y la especificación HTML completa sin redactar tiene prioridad. Se anima a los lectores a informar de estas discrepancias como errores en el sistema de seguimiento de errores del Grupo de Trabajo HTML.
Por favor, introduzca sus comentarios, indicando cuidadosamente el título de la sección para la que está enviando comentarios, citando el texto que es erróneo hoy, si es apropiado. Si estás sugiriendo una nueva característica, es muy importante que digas cuál es el problema que intentas resolver. De hecho, eso es más importante que la solución.

Primero de tipo frente a primero de hijo

La clasificación es difícil. Por ejemplo, los cangrejos. Los cangrejos ermitaños, los cangrejos de porcelana y los cangrejos de herradura no son, taxonómicamente hablando, verdaderos cangrejos. Pero eso no nos impide utilizar el sufijo “cangrejo”. La cosa se vuelve más confusa cuando, con el tiempo y gracias a un proceso llamado carcinización, los cangrejos no verdaderos evolucionan para parecerse más a los verdaderos. Es el caso de los cangrejos reales, que se cree que fueron cangrejos ermitaños en el pasado. Imagínese el tamaño de sus caparazones.
En el diseño, a menudo cometemos el mismo error de dar el mismo nombre a cosas diferentes. Parecen similares, pero las apariencias engañan. Esto puede tener un efecto desafortunado en la claridad de su biblioteca de componentes. En términos de inclusión, también puede llevarle a reutilizar un componente semánticamente y conductualmente inapropiado. Los usuarios esperarán una cosa y obtendrán otra.
Los desplegables que constituyen un conjunto de opciones suelen llamarse “menús”, y de ellos quiero hablar aquí. Vamos a idear un verdadero menú, pero hay mucho que decir sobre los menús no verdaderos en el camino.

El primer tipo no funciona

Cuando no establezco la visualización se pone por defecto en línea, lo que significa que ya no puedo establecer la anchura o la altura. La marca de verificación aparece dentro del elemento, pero al desmarcar la casilla el elemento se reduce a nada. He probado a poner algunos espacios de no ruptura (\00A0), pero aunque funcionara parece un poco desordenado.
El marcador va a la izquierda debido a la identificación del texto dentro del elemento ::before. Se puede arreglar fácilmente estableciendo su alineación de texto a text-align: right, para que el contenido (tick) quede dentro del cuadrado:
La primera línea revierte el valor heredado de la caja de sangría de texto a cero por defecto, devolviendo el texto dentro de la caja. Las otras dos líneas sólo embellecen el aspecto colocando el carácter en el centro de la caja.
2: No directamente. Según la especificación, la anchura/altura de los elementos en línea se ignora. El tamaño de los elementos en línea depende de su fuente (no sólo del tamaño de la fuente, sino de la propia fuente, diferentes fuentes con el mismo tamaño de fuente pueden ocupar diferentes espacios). Se puede utilizar una fuente monoespaciada que tiene un ancho constante para cualquier carácter, pero es mejor establecer la visualización como inline-block.

Css first-child of-class

<span class=”itemDescription” id=”titleDescriptionID” style=”display:inline”>Procesador de sobremesa Intel Core i7-3770K Ivy Bridge 3.5GHz &#40;3.9GHz Turbo&#41; LGA 1155 77W de cuatro núcleos Intel HD Graphics 4000 BX80637I73770K</span>
<span class=”itemDescription” id=”lineDescriptionID” style=”display:none”>Procesador Intel Core i7-3770K Ivy Bridge 3,5GHz &#40;3,9GHz Turbo&#41; LGA 1155 77W de cuatro núcleos para equipos de sobremesa Gráficos Intel HD 4000 BX80637I73770K</span>
wrapper_href.descendants incluye cualquier objeto NavigableString, que es con lo que estás tropezando. Los NavigableString son esencialmente objetos de cadena, y estás tratando de indexar eso con la línea child[‘id’]:
<span class=”itemDescription” id=”titleDescriptionID” style=”display:inline”>Procesador de sobremesa Intel Core i7-3770K Ivy Bridge 3.5GHz (3.9GHz Turbo) LGA 1155 77W Quad-Core Intel HD Graphics 4000 BX80637I73770K</span>

Esta web utiliza cookies propias para su correcto funcionamiento. Al hacer clic en el botón Aceptar, acepta el uso de estas tecnologías y el procesamiento de tus datos para estos propósitos. Más información
Privacidad