Tipos de selectores de atributos CSS - Semalt Expert
Un elemento HTML consiste en una clase, ID y atributos. Un selector de atributos selecciona los elementos HTML que tienen un atributo o un valor de atributo. Los selectores de atributos proporcionan un método simple para aplicar estilos a elementos HTML con un atributo o valor de rasgo en particular. Los selectores de atributos están definidos por dos corchetes, que encierran el atributo con su valor. Aún así, puede poner un selector de tipo de elemento antes. El Selector de CSS [atributo] aplica las reglas de estilo a un elemento si y cuando consta de un rasgo determinado.
Tipos de selectores de atributos
Existen diferentes tipos de selectores de atributos, cada uno de los cuales se puede usar para casos separados:
CSS [attribute | = "value"] Destacados del selector elementos que tienen un rasgo particular, y comienza con un valor definido.
CSS [attribute ~ = "value"] Selector se utiliza para encontrar elementos con un valor de propiedad con una palabra específica.
CSS [attribute ^ = "value"] El selector encuentra elementos con un valor de propiedad mendicidad con un valor específico. El valor no es necesariamente una palabra completa.
CSS [attribute $ = "value"] El selector encuentra componentes que tienen un valor de atributo que termina con un valor definido.
Aplicaciones de los selectores de atributo CSS
Hay varias formas en que se puede usar el selector de atributos en lugar de utilizar el selector universal, de clase o de ID
El uso más común de los selectores de atributos es en las entradas. incluye selectores de texto, selectores de casillas de verificación, selectores de contraseñas, selectores de archivos, selectores ocultos, selectores de contraseñas, selectores de radio, selectores de restablecimiento y otros.
Formularios de estilo
Los selectores de atributos son muy útiles al diseñar formularios sin clase o ID.
Enlaces de estilo
Por ejemplo, los selectores de atributos se pueden usar para diseñar un blogroll en el que tenga una lista de enlaces a sitios amigos. Sin embargo, usted desea que cada uno La forma tradicional de hacerlo es asignar un nombre a las llamadas que requeriría más marcas. Sin embargo, podría usar el enésimo hijo que requiere que las órdenes nunca cambien. Usar los selectores de atributos lo hace tan fácil ya que hay un atributo al que puede dirigirse.
Entradas de borde
Diseñar elementos de bordes usando el atributo de imagen de borde CSS es una manera elegante de agregar imágenes al cuerpo. Le permite definir una imagen como el borde de un elemento. La imagen del borde se puede escalar, cortar, repetir de diferentes maneras para garantizar que encaje en el área del borde. El atributo de radio de bordes permite agregar esquinas redondeadas sin usar imágenes. La propiedad define la forma de la esquina.
Estilo de colores
Los selectores de atributos CSS simplifican el estilo de todos los elementos que tienen un valor de color particular. Puede utilizar la palabra clave de color, las anotaciones RGB (), RGBA (), HSL () y HSLA (). Los valores de color RGBA son una extensión del modelo de color RGB con un canal que define la opacidad de un color. El valor de los parámetros varía de from1.0 (opaque) a 0.0 (transparente).
El modelo de color HSL se explica como (Hue_saturation_Lightness). La representación de tono está en forma de ángulo (0-360) o la rueda de color. La saturación y la luminosidad se miden como porcentajes: 0% de saturación representa sombra o gris, mientras que 100 representa color completo. El 100% de luminosidad representa el blanco, mientras que el 0% es negro.
Post a comment
