Temas > Programacion > Css > Usar el selector universal en CSS
Julio

El selector universal *
Si queremos inicializar las propiedades de todas las marcas HTML podemos
utilizar el selector universal. Veamos un ejemplo:
<?php //esto no va
<html>
<head>
<title>Problema</title>
<link rel="StyleSheet" href="estilos.css" type="text/css">
</head>
<body>
<h1>Título de nivel 1</h1>
<h2>Título de nivel 2</h2>
<p>Esto esta dentro de un párrafo</p>
</body>
</html>
?>//esto no va
Luego en la hoja de estilo definimos:
<?php //esto no va
*{
   color:#0000aa;
   margin:0px;
   padding:0px;
}
?>//esto no va
Esto significa que todas las marcas se imprimen de color verde con cero
pixel de margin y padding, salvo que otra regla lo cambie, Imaginemos si
definimos h1 { color:#ff0000} significa que tiene prioridad esta regla.
En realidad, en forma tácita lo hemos estado utilizando, cuando definimos
una clase sin indicar el tipo de marca HTML donde actuará:
<?php //esto no va
.pregunta {
  background-color:#ffff00;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}
?>//esto no va
Podemos expresar la regla anterior perfectamente como:
<?php //esto no va
*.pregunta {
  background-color:#ffff00;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}
?>//esto no va
Es decir que podemos asignar esta regla a cualquier marca HTML.
Esto nos permite comprender, cuando definimos una regla que sólo se puede
utilizar en un sólo tipo de marcas:
<?php //esto no va
p.pregunta {
  background-color:#ffff00;
  border-width:1px;
  border-style:solid;
  border-color:#000000;
}
?>//esto no va
Esta regla sólo se puede utilizar en las marcas de párrafo.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar