El selector de elemento de elemento en CSS se utiliza para seleccionar elementos dentro de los elementos, es decir, combina dos selectores de modo que los elementos que coinciden con el segundo selector se seleccionan si tienen un elemento antecesor que coincide con el primer selector.
Sintaxis:
element element {
// CSS Property
}
Ejemplo 1:
<!-- HTML code to illustrates space selector -->
<!DOCTYPE html>
<html>
<head>
<title>
element element Selector
</title>
<style>
div p {
background-color: green;
color: white;
}
</style>
</head>
<body style="text-align: center;">
<h1 style = "color: green;">
GeeksforGeeks
</h1>
<div>
<h2>element element Selector</h2>
<!-- CSS property is used here -->
<p>A computer science portal for geeks.</p>
</div>
<p>This paragraph will not be selected.</p>
</body>
</html>
Producción:
Ejemplo 2:
<!DOCTYPE html>
<html>
<head>
<title>
element element Selector
</title>
<style>
li {
color: black;
}
li li {
color: white;
background: green;
}
</style>
</head>
<body style="text-align: center;">
<h1 style = "color: green;">
GeeksforGeeks
</h1>
<h2>element element Selector</h2>
<ul>
<li>
<div>Searching Algo</div>
<ul>
<li>Binary Search</li>
<li>Linear Search</li>
</ul>
</li>
<li>
<div>Sorting Algo</div>
<ul>
<li>Bubble Sort</li>
<li>Merge Sort</li>
</ul>
</li>
</ul>
</body>
</html>
Producción:
Navegadores compatibles: los navegadores compatibles con el selector de elementos de elementos se enumeran a continuación:
- safari de manzana
- Google Chrome
- Firefox
- Ópera
- explorador de Internet
Publicación traducida automáticamente
Artículo escrito por Vishal Chaudhary 2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA