Heim >Web-Frontend >CSS-Tutorial >Wählen Sie untergeordnete Elemente mithilfe von CSS aus
Wählen Sie untergeordnete Elemente mithilfe von CSS aus
- 王林nach vorne
- 2023-08-31 19:53:031274Durchsuche
Der untergeordnete CSS-Kombinator wird verwendet, um alle untergeordneten Elemente eines übergeordneten Elements auszuwählen. Die Syntax des untergeordneten
CSS-Kombinators lautet wie folgt:
Selector > Selector {
attribute: /*value*/
}Der untergeordnete CSS-Kombinator wird verwendet, um alle untergeordneten Elemente des übergeordneten Elements auszuwählen.
Die Syntax des CSS-Nachkommenkombinators lautet wie folgt:
Selector Selector {
attribute: /*value*/
}Beispiel
Das folgende Beispiel demonstriert die untergeordneten und nachkommenden Selektoren von CSS.
Online-Demonstration
<!DOCTYPE html>
<html>
<head>
<style>
article > * {
text-align: center;
border: 10px groove tomato;
}
::first-line {
box-shadow: inset 0 0 7px cornflowerblue;
}
</style>
</head>
<body>
<article>
<h2>Donec rutrum a erat vitae interdum. </h2>
<p>Duis consequat aliquet leo, quis aliquam ex vehicula in. Vivamus placerat tincidunt hendrerit. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque semper ex eget nulla consectetur varius.</p>
<img src="https://images.unsplash.com/photo-1612840666989- a16302e84978?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=120&ixlib=rb1.2.1&q=80&w=120" />
</article>
</body>
</html>Ausgabe
Dies führt zu den folgenden Ergebnissen:
Das obige ist der detaillierte Inhalt vonWählen Sie untergeordnete Elemente mithilfe von CSS aus. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!