child theme problems

I am trying to learn how to do child themes. In the WordPress Codex it says to import a style sheet @import url(“…/themename/style.css”) and then create your own style.css and any css rules that you write will supercede the original style.css.

The theme that I am working with is an Elegant Theme and it has a main style.css and other color style sheets such as style-Blue.css, style-Green.css etc. I am using the style-
Blue.css file.

I initially imported @import url(“…/Simplism/style.css”) and also copied the footer.php and style-Blue.css files into my child theme. I made changes in the in both files and the changes in the footer.php file showed, but no so for the style-Blue.css.

I then went into the parent style-Blue.css and made the same changes and they immediately showed when I activated the child theme again.

I then changed the import to @import url(“…/Simplism/style-Blue.css”) and changed the changes made to the parent css file back to the original code. Again, what showed is the css from the parent style-Blue.css not the style-Blue.css in the child theme.

Why do you think I can’t get the child file to supercede the parent file of the same name? I have read and re-read the codex and also the tutorial at https://op111.net/53/ and I can’t figure it out.

Any help will be greatly appreciated. Thanks.