XML/CSS Style/foreground

Changing the Foreground Color

   <source lang="xml">

File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees>

 <name language="English">T1</name>
 <name language="Latin">T2</name>
 <projects>
   <project>project1</project>
   <project>project2</project>
   <project>project3</project>
 </projects>
 <weight>3 points</weight>
 <length>3 years</length>

</employees> File: Style.css employees {

  display:block;
  color:magenta

} name {

  display:block;
  position:absolute;
  left:9px

} project{

  display:block;
  border:medium dotted red;
  padding:5px;
  margin-top:10px

} weight{

  display:block;
  position:relative;
  left:125px;
  width:340px;
  border:thin solid red;
  padding:5px;
  margin-top:5px

} length{

  float:right;
  width:125px;
  border:thin solid green;
  padding:5px;
  color:black

}

</source>
   
  

Setting the Text Color

   <source lang="xml">

File: Data.xml <?xml version="1.0" ?> <?xml-stylesheet type="text/css" href="Style.css" ?> <employees>

 <name language="English">T1</name>
 <name language="Latin">T2</name>
 <projects>
   <project>project1</project>
   <project>project2</project>
   <project>project3</project>
 </projects>
 <weight>3 points</weight>
 <length>3 years</length>

</employees> File: Style.css name {

  font: bold 24pt/22pt Trebuchet MS;
  width:100;
  margin-top:10; 
  color:#A50063

} project{

  font: 10pt Georgia

}

</source>