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
      1
2345678
9 101112131415
16171819202122
23242526272829
3031     

Martes 10 de Diciembre 2024
Semana 50

..............................................................................................................................................................................................................................................
(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