Home > Article > Web Front-end > Usage of :first-child pseudo-class in CSS
Usage of :first-child pseudo-class in CSS
- WBOYforward
- 2023-09-05 10:49:021226browse
Use the :first-child pseudo-class to add special styles to elements that are the first child of other elements.
Example
You can try running the following code to understand the usage of :first-child pseudo-class -
<html>
<head>
<style>
div > p:first-child
{
text-indent: 25px;
}
</style>
</head>
<body>
<div>
<p>First paragraph in div. This paragraph will be indented</p>
<p>Second paragraph in div. This paragraph will not be indented</p>
</div>
<p>But it will not match the paragraph in this HTML:</p>
<div>
<h3>Heading</h3>
<p>The first paragraph inside the div. This paragraph will not be effected.</p>
</div>
</body>
</html>The above is the detailed content of Usage of :first-child pseudo-class in CSS. For more information, please follow other related articles on the PHP Chinese website!
Statement：
This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete