Override parent style.css

I want to use a separate CSS sheet for different pages. I created a child theme [colorway_child] and added a file called style.css, as seen here:

/*
Theme Name: colorway_child
Description: Child theme for the colorway theme
Author: Your name here
Template: colorway
*/

@import url(“../colorway/style.css”);

.container {
margin-top:20px;
-webkit-border-radius: 10px 10px 0px 0px;
-moz-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
background-color:#FF0000;
border-bottom:none;
box-shadow:inset 0 0 1px #000000;
}

In order to verify I am using the stylesheet on a page, I want to override the background-color.

I am not sure where I am going wrong. Could it be:
1) @import url(“../colorway/style.css”);
– Is this not formatted to point to the correct parent file?
2) .container {
– I suspect this is formatted incorrectly. I notice from other articles that the format people use looks something like this: #[something] container {
– I don’t know what #[something] would be. The DIV in the HTML?

As well, I am using the Page Theme plugin. Basically, I select my child theme when I create a new page. For the page, I select a file called about.php located in the colorway theme folder. I presume it would use the style.css located in the child directory, but as I’ve said, cannot verify.

Thank you in advance.