To combine effects on this page, take the code between <style type="text/css"> </style> tags and 'add' them together. For example, if we want red text and blue links, we might have these two sections of coding:
<style type="text/css">
body, table, td, p {
color: red;
}
</style>
<style type="text/css">
a, a:link, a:visited, a:hover, a:active {
color: blue;
}
</style>
To save space, we can combine these two into one big block of styling like so:
<style type="text/css">
body, table, td, p {
color: red;
}
a, a:link, a:visited, a:hover, a:active {
color: blue;
}
</style>
If you have more one piece of styling which you want to apply to the same element, for example a font colour and font family change both applied to 'normal' text, we can combine those even further. So, instead of:
<style type="text/css">
body, table, td, p {
color: red;
}
</style>
<style type="text/css">
body, table, td, p {
font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
</style>
We'd use:
<style type="text/css">
body, table, td, p {
color: red;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
}
</style>
