Startpagina / Samenvattingen / Web programming step by step / paragraaf-color-element

CSS for styling - More CSS

5 belangrijke vragen over CSS for styling - More CSS

Welke CSS code zorgt ervoor dat ongeordende lijsten en geordende lijsten blauwe tekst hebben en een zwarte achtergrond

ul,ol {

background-color: black;

color: bleu;

}

Welke voor en achtergrond heeft elk element hieronder:
<body>
<p> Ik ben een paragraaf </p>
<div class="central">
   <p> Ik ben een andere paragraaf</p>
<ul><li id="item"> Ik ben een listitem<li></ul>
</div>
</body>
body{
   background-color: yellow;
   color: blue;
}
p {
   color:red;
}
.central .item {
color: green;
}
# item{

background-color: cyan;
}

1e element rood met achtergrond geel
2e element: rood met achtergrond geel
3e element: groen met achtergrond cyaan

Wat gebeurt er als verschillende stylen conflicteren?

Het meest specifieke style wint in de meeste gevallen

Wat is een ID selctor

Een CSS rule die alleen geldt voor een bepaald element met een gegeven ID, voorbeeld:

#europa {

...

}

<h2 id="europa">Europa</h2>

Wat is een class selector

Een CSS regel die alleen geld voor gedeelten van elementen op de pagina die een bepaalde klasse hebben, voorbeeld:
.urgent{
color: red;
}

<p> eerste paragraaf</p>
<p> class="urgent"> tweede paragraaf </p>
<p> derde paragraaf</p><p> class="urgent"> vierde paragraaf </p>