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*/ }
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>
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!