Changing different colors in h1...h6

i'm working with your child-theme. so i tested it with the child-css:

/*
Theme Name: Salient Child Theme
Theme URI: http: //www.stefan-goetzelmann.de/
Description: This is a custom child theme for Salient
Author: My Name
Author URI: http: //www.stefan-goetzelmann.de/
Template: salient
Version: 0.1
*/

h1 {color: #2457a5; !important;}
h2 {color: #2457a5; !important;}
h3 {color: #2457a5; !important;}
h4 {color: #2457a5; !important;}
h5 {color: #2457a5; !important;}
h6 {color: #2457a5; !important;}

p { color: fuchsia; !important}

but only p work (?)

i put it in the salient css-custom-box, ... nothing.

i have read a lot of comments with different solutions... but nothing has worked.

is it possible change headings-colors in the entire site?

http://www.stefan-goetzelmann.de/j20

thank you, but i need a solution for the css "IN" the theme.
i have checked al this things, also firebug naturally... but the problem is, that nothing works on it. (see my post)

normally css is really simple and great but here... :-((((

oooooooooohhhhhh yes! thats it!
with "span" include"! dont know why i havent seen this....

thx a lot!!!!!!