Cibler la bonne balise en CSS +HTML

Fermé

Bimoil Messages postés 29 Date d'inscription samedi 3 octobre 2020 Statut Membre Dernière intervention 21 novembre 2020 - 6 nov. 2020 à 01:30
jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 - 6 nov. 2020 à 08:13

Salut à tous,

Si c'est possible, j'aimerais savoir comme fait ont pour cibler les bonne balise en CSS a partir d'un code HTMl. Comme il est possible par exemple d'aller chercher la balise section et article en CSS ? (J'ai souligner la section et l'article)

Par exemple :

<body>    
		<main>
			<header>
					<section>
						<img src="images/bl-logo.png" alt="Mgeur"/>
							<nav>
								<ul>
									<li><a href="#">afafasdf</a></li>
									<li><a href="sdfasfsafasf">À propos</a></li>
									<li><a href="sdfasfsafsfsafd/a></li>
								</ul>
							</nav>
					</section>
				<section>
					<h1>Titre</h1>
						
					<p>Je sais pas</p>
				</section>		
			</header>

			<section>
				<article>
					<h2>Surement</h2>
				
					<img src="images/png" alt="image"/>
					
					<p>dfsgdfshgdfgsdg.</p>
					
					<p>awfwerqwrqwer</p>
					
						<ul>
							<li>sdfasfsdfs</li>
							<li>sdfasfsdfs</li>
							<li>sdfasfsdfs</li>
						</ul>
					
					<p><a href="mailto:nimporte@">e</a></p>
				</article>
				<article>		
					<h2>sdfasfsdfs</h2>
					
					<img src="images/.png" alt="sdfasfsdfs"/>
					
					<p>sdfasfsdfs</p>
					
					<form action="html" method="st">
						<label for="sdfasfsdfs">Prénom</label>
						
						<input type="text" name="prenom" placeholder="Ex: Jb" id="prenom" required/>
						
						<label for="nom">Nom</label>
						
						<input type="text" name="nom" placeholder="Ex:mps" id="nom" required/>
					
						<label for="email">Courriel</label>
						
						<input type="email" name="email" placeholder="Ex: jsdfasfsdfs@dasdas.com" id="email" required/>
					
						<input type="submit" value="Envoyer"/>
					</form>
				</article>	
			</section>	
				<section>
					<article>
						<h2>À propos</h2>
						
						<p>sdfasfsdfssdfasfsdfssdfasfsdfs</p>
					</article>	
				</section>	
			<section>
				<h2>Nouvelles</h2>
				<div>
					<img src="images/png" alt="Trhée"/>
					
					<p>sdfasfsdfssdfasfsdfs9 !</p>

					<img src="images/.png" alt="Pain"/>
					
					<p>Unsdfasfsdfs !</p>

					<img src="images/hone.png" alt="Mée"/>
				</div>
			<footer>
				<aside>
					<p>sdfasfsdfsn succès</p>

					<p>sdfasfsdfse<br/>
					sdfasfsdfs</p>
				</aside>
				<aside>
					<p><b>Susdfasfsdfsous !</b></p>
				</section>
					<a href="https://fr-cam/" target="_blank"><img src="images/fok.png" alt="facebook"/></a>
					
					<a href="httpm/?lang=fr" target="_blank"><img src="images/r.png" alt="Twitter"/></a>
				</aside>
			</footer>	
		</main>
	</body>
</html>

A voir également:

Cibler la bonne balise en CSS +HTML
Editeur html - Télécharger - HTML
Balise br ✓ - Forum HTML
Nbsp html ✓ - Forum Webmastering
Faire un trait en css ✓ - Forum CSS
Html download - Télécharger - HTML

1 réponse

Réponse 1 / 1

jordane45 Messages postés 38138 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 17 avril 2024 4 649
6 nov. 2020 à 08:13

Bonjour,

De quoi apprendre :
https://developer.mozilla.org/fr/docs/Apprendre/CSS/Building_blocks/Selectors

La liste des selecteurs css :
https://www.w3schools.com/cssref/css_selectors.asp

par exemple, pour les sections

section {
  color : red;
}

Discussions similaires

[CSS] Forcé retour à la ligne

Discussions similaires

Newsletters