color: forestgreen; : color « CSS « HTML / CSS






  1. HTML / CSS
  2. CSS
  3. color

color: forestgreen;

  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
                      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns='http://www.w3.org/1999/xhtml' xml:lang='en'>
    <head>
        <title>Direct Child Selectors</title>
<style type='text/css'>
body {
    font-face: sans-serif;
}
h1 {
    margin: 5px;
}
del {
    color: crimson;
}
ins {
    color: forestgreen;
}
p {
    border: 1px solid rgb(200, 200, 200);
    background: rgb(234, 234, 234);
    padding: 5px;
    margin: 5px;
}
p.note {
    background: yellow;
    border: 1px solid gold;
}
span.code {
    font-family: monospace;
    padding: 0 10px;
}
p > span.code {
    background: yellow;
}
p.note > span.code {
    background: lightyellow;
}
</style>


    </head>
    <body>
        <h1><ins>Direct Child</ins> <del>Descendant</del> Selectors</h1>
        <p>
            <ins>Direct Child</ins> <del>Descendant</del> selectors apply styles
            based on <ins>parent/child</ins> <del>ancestral</del> relationships.
            <ins>direct child</ins> <del>descendant</del> 
            <span class='code'>&lt;span&gt;</span> <em>code</em>,
            which is a <del>descendant</del> <ins>child</ins> of
            <span class='code'>&lt;p&gt;</span> elements.
            <span class='code'>p <ins>&gt;</ins>
            span.code</span> is used.
        </p>
        <p>
            <span class='code'>&lt;span&gt;</span>
            <em>code</em> <del>descendant</del>
            <ins>child</ins>.
        </p>
        <p class='note'>
            <del>descendant</del> <ins>direct child</ins>
            <span class='code'>p.note <ins>&gt;</ins> span.code</span>
        </p>
    </body>
</html>








Related examples in the same category

1.'color' Example
2.color: rgb(255, 255, 255)
3.color: lime
4.color:black
5.Named colors
6.color: crimson;
7.color: darkkhaki;
8.color: green;
9.color: darkslateblue;
10.color: darkred;