I've installed the twenty eleven theme and created a child theme based on it. I copied the entire style.css from the parent theme with all the changes I want to the child theme's css and most of the css work but a handful cannot be overwritten.
I also tried adding !important but that doesn't work too.
In this first example, the background-color: #448fbf was applied to the child theme but it doesn't show up when I load my site. It still remains as the background color of the parent theme. The first screenshot is from my WP dashboard and the second one is from chrome's inspector.
In the second example, the -webkit-appearance: none is not being applied to the child theme.
I'm wondering if it is the theme itself that is causing this problem. I've spent a fair amount of time working on this theme and really hope I don't need to look for another theme to start customizing from scratch again.
Help is much appreciated. Thanks in advance.