Skip to content

Instantly share code, notes, and snippets.

@DavidPeralvarez
Created March 29, 2018 13:37
Show Gist options
  • Save DavidPeralvarez/79e4b7ca509c813711d2bcfa210f2a71 to your computer and use it in GitHub Desktop.
Save DavidPeralvarez/79e4b7ca509c813711d2bcfa210f2a71 to your computer and use it in GitHub Desktop.
(HTML) Selectores descendientes en CSS
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="styles.css">
<title>Selectores descendientes en CSS</title>
</head>
<body>
<header id="main-header">
<img src="http://dummyimage.com/960x240/000/fff.png" alt="Mis rincones favoritos de París">
</header><!-- #main-header -->
<article class="post">
<h1>Mis rincones favoritos de París</h1>
<h2>Los mejores lugares que no quieren que descubras</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
consequat. <strong>Duis aute irure dolor</strong> in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
<h3>Lista de rincones:</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
tempor incididunt ut labore et dolore magna aliqua.</p>
<ul>
<li>El café lorem ipsum.</li>
<li>La crepería del barrio latino.</li>
<li>La case de cousin Paul.</li>
<li>El cine bohemio de la plaza de los pintores.</li>
</ul>
<p><em>¡Lorem ipsum dolor sit amet, consectetur adipisicing elit!</em></p>
</article><!-- .post -->
<footer id="main-footer">
<p>Si te ha gustado este artículo, compártelo con tus amigos en tus redes sociales :)</p>
</footer>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment