Comment définir la hauteur du premier élément enfant en CSS-tutoriel CSS-php.cn

Maison

interface Web

tutoriel CSS

Comment définir la hauteur du premier élément enfant en CSS

Jul 07, 2021 pm 05:09 PM

css

En CSS, vous pouvez utiliser le sélecteur ":first-child" et l'attribut height pour définir la hauteur du premier élément enfant. Ce sélecteur est utilisé pour faire correspondre le premier élément enfant E dans son élément parent. "E :premier enfant{hauteur:valeur de hauteur;}".

Comment définir la hauteur du premier élément enfant en CSS

L'environnement d'exploitation de ce tutoriel : système Windows7, version CSS3&&HTML5, ordinateur Dell G3.

En CSS, vous pouvez utiliser le sélecteur ":first-child" pour faire correspondre le premier élément enfant dans son élément parent, puis utiliser l'attribut height pour définir la hauteur de l'élément enfant.

Jetons un coup d'œil à l'effet à travers un exemple de code :

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p{
	border:1px solid red;
}
p:first-child
{
	height:100px;
}
</style>
</head>
<body>

<div>
<p>这个段落是它的父元素(div)的第一个子元素，设置高度为100px</p>
<p>这个段落不是它的父元素的第一个子元素，默认高度。</p>
</div>
</body>
</html>

Copier après la connexion

Rendu :

Comment définir la hauteur du premier élément enfant en CSS

Description :

:first-child Le sélecteur fait correspondre le premier élément enfant dans son élément parent. L'attribut

height définit la hauteur de l'élément. Cet attribut définit la hauteur de la zone de contenu de l'élément. Le remplissage, les bordures et les marges peuvent être ajoutés en dehors de la zone de contenu. Les éléments en ligne non remplacés ignorent cet attribut.

(Partage de vidéos d'apprentissage : Tutoriel vidéo CSS)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn