El selector de elementos en CSS se utiliza para seleccionar elementos HTML que deben tener estilo. En una declaración de selector, está el nombre del elemento HTML y las propiedades CSS que se aplicarán a ese elemento se escriben entre corchetes {}.
Sintaxis:
element {
\\ CSS property
}
Ejemplo 1:
<!DOCTYPE html>
<html>
<head>
<title>element selector</title>
<style>
/* h1 element selected here */
h1 {
color:green;
text-align:center;
}
/* h2 element selected here */
h2 {
text-align:center;
}
</style>
</head>
<body>
<h1>GeeksforGeeks</h1>
<h2>element Selector</h2>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>element selector</title>
<style>
h1 {
text-align: center;
}
h2 {
text-align: center;
color: green;
font: bolder cursive ;
}
form {
text-align: center;
}
</style>
</head>
<body>
<h1>FORM</h1>
<h2>Please fill in details:</h2>
<form action = "#">
Name: <input type="text" value="name"><br>
Age: <input type="text" value="age"><br>
City: <input type="text" value="City"><br>
</form>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el selector de elementos se enumeran a continuación:
- Google Chrome
- explorador de Internet
- Firefox
- Safari
- Ópera
Publicación traducida automáticamente
Artículo escrito por shivangsharma15 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA