child.css is not being read

child.css does not appear to be being read.
===
I have current version of Studio Theme running.
default.css is enabled
style.css under studio-chid folder has this line added:
/* Uncomment the following line and add your custom child styles to '_inc/css/child.css' */
@import url( _inc/css/child.css );

and child.css has this element style defined:
h5#mystyle {
    color: #89C6BB;
font-size: 2.5em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0 0 0.6em;
    padding-top: 0;
    text-align: center;
    text-transform: none;
}

the html is coded like so:
<div id="mystyle"><h5>"Everyone at the salon is so friendly and professional"</h5> </div>

By the way I also tried it with this change h5.mystyle { .....
and changed id to class in the html. Still no luck.

Any clues?
thanks