FEBRERO 12/2019

-

En las hojas de estilo CSS, los selectores son la parte de las reglas que indican al navegador a qué elementos se van a aplicar las propiedades incluidas en las declaraciones.

tipos de selectores:


Selectores de tipo
Selecciona todos los elementos que coinciden con el nombre dado.
Sintáxis: eltname
Ejemplo: input se aplicará a cualquier elemento <input>.
Selectores de clase
Selecciona todos los elementos dado un atributo de class.
Sintáxis: .classname
Ejemplo: .index se aplicará a cualquier elemento que tenga la clase "index".
Selectores de ID
Selecciona un elemento basándose en el valor de su atributo id. Solo puede haber un elemento con un ID dado en un documento.
Sintáxis: #idname
Ejemplo: #toc se aplicará a cualquier elemento que tenga el ID "toc".
Selector universal
Selecciona todos los elementos. Puede estar restringido a un espacio de nombres o a todos los espacios de nombres.
Sintáxis: * ns|* *|*
Ejemplo: * se aplicará a todos los elementos del documento.
Selectores de atributo
Selecciona elementos basándose en el valor de un atributo dado.
Sintáxis: [attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]
Ejemplo: [autoplay] se aplicará a todos los elementos que tengan el atributo "autoplay" asignado (a cualquier valor).
Combinadores:Sección
Selectores de hermanos adyacentes
El combinador + selecciona hermanos adyacentes. Esto quiere decir que el segundo elemento sigue directamente al primero y ambos comparten el mismo elemento padre.
Sintaxis: A + B
Ejemplo: La regla h2 + p se aplicará a todos los elementos <p> que siguen directamente a un elemento <h2>.
 
Selectores de hermanos generales
El combinador ~ selecciona hermanos. Esto quiere decir que el segundo elemento sigue al primero (no necesariamente de forma inmediata) y ambos comparten el mismo elemento padre.
Sintaxis: A ~ B
Ejemplo: La regla p ~ span se aplicará a todos los elementos <span> que siguen un elemento <p>.
Selectores de hijo
El combinador > selecciona los elementos que son hijos directos del primer elemento.
Sintaxis: A > B
Ejemplo: La regla ul > li se aplicará a todos los elementos <li> que son hijos directos de un elemento <ul>.
 
Selectores descendientes
El combinador   (espacio) selecciona los elementos que son descendientes del primer elemento.
Sintaxis: A B
Ejemplo: La regla div span se aplicará a todos los elementos <span> que están dentro de un elemento <div>.
EJERCICIO:


Comentarios

Publicar un comentario

Entradas populares de este blog

Clase # 5 Operadores racionales y lógicos

-
Imagen
+OPERADORES LÓGICOS Y RELACIONALES  Dentro de la algoritmia existen una serie de estructuras de control que definen el comportamiento del sistema, dentro de esas estructuras se encuentran las condicionales pero para trabajar con ellas es importante tener claros algunos conceptos como el trabajo con los operadores lógicos y relacionales. Las condiciones mencionadas se procesan mediante expresiones lógicas o relacionales, dichas expresiones utilizan operadores que permiten obtener un resultado en función de verdadero o falso. OPERADORES RELACIONALES  Los operadores relacionales permiten definir la relación entre 2 o más expresiones. La forma de usar e interpretar estos operadores es usando la estructura: Expresión1 Operador relacional Expresión2 Donde el resultado de la operación anterior se evalúa en términos de verdadero o falso OPERADORES LÓGICOS Los operadores lógicos permiten la combinación de condiciones para formar una sola expresión lógica, para...
Leer más

Clase # 3 (Mayo 21) Fundamentos de Algoritmo

-
Imagen
¿QUÉ ES UN ALGORITMO?  “Un algoritmo es una secuencia lógica de pasos para solucionar un problema.” Todos los algoritmos deben cumplir las siguientes reglas: Deben ser precisos: Tener un paso a paso lógico y puntual.  Deben ser definidos: El algoritmo debe comportarse de la misma manera siempre.  Debe ser finito: El algoritmo debe tener un número finito de pasos, debe terminar en algún momento. ¿DE QUE SE COMPONE UN ALGORITMO? ALGORITMO COMPUTACIONAL  Los algoritmos computacionales permiten definir los procesos para dar solución a problemáticas mediante operaciones lógicas en un computador. Estos a diferencia de los anteriores debes ser desarrollados siguiendo una metodología definida para la solución de problemas. (enfoque de la solución, sintaxis…) TIPOS DE ALGORITMOS COMPUTACIONALES LENGUAJE NATURAL  Este lenguaje nos permite describir la secuencia lógica de pasos de una manera mas natural o informal, se usa un v...
Leer más

Clase # 4 Software y Algoritmos

-
Imagen
RESOLUCIÓN DE PROBLEMAS MEDIANTE ALGORITMOS Definición del problema:  Está dada en sí por el enunciado del problema, el cual debe ser claro y completo. Es importante que conozcamos exactamente "qué se desea obtener al final del proceso"; mientras esto no se comprenda no puede pasarse a la siguiente etapa. Análisis de los datos: El análisis es una de las fases importantes en la resolución de algoritmos, aquí se interpreta lo que debemos hacer y se define que necesitamos para poderlo hacer, es importante entender con claridad el problema. Una vez que el problema ha sido definido y comprendido, deben analizarse los siguientes aspectos:   Los resultados esperados.   Los datos de entrada disponibles.   Herramientas a nuestro alcance para manipular los datos y alcanzar un resultado (fórmulas, tablas, accesorios diversos). Diseño de la solución:  Una computadora no tiene capacidad para solucionar problemas más que cuando se l...
Leer más