How to change the font color and background color of selected text using only css

You can easily change the background and the text color of the selected text using CSS properties defined below

::-moz-selection{
    background:#cc3333;
    color:#fff;
}

::selection {
    background:#cc3333;
    color:#fff;
}

All I did was use different selection color for paragraphs with different classes:

p.red::selection {
 background: #ffb7b7;
}
p.red::-moz-selection {
 background: #ffb7b7;
}
p.blue::selection {
 background: #a8d1ff;
}
p.blue::-moz-selection {
 background: #a8d1ff;
}
p.yellow::selection {
 background: #fff2a8;
}
p.yellow::-moz-selection {
 background: #fff2a8;
}