Heim > Web-Frontend > CSS-Tutorial > Wählen Sie untergeordnete Elemente mithilfe von CSS aus

Wählen Sie untergeordnete Elemente mithilfe von CSS aus

王林
Freigeben: 2023-08-31 19:53:03
nach vorne
1247 Leute haben es durchsucht

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*/
}
Nach dem Login kopieren

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*/
}
Nach dem Login kopieren

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>
Nach dem Login kopieren

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!

Quelle:tutorialspoint.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage