title: why child component styles overwriting by global css?
body: <p>I am importing a base css file in my index.html that includes width as auto, but this style is  taking priority over the style I define in components(used width as 70%) using styleUrls: ["..."]. What is the best way to make sure that my component-scoped css takes priority over styling defined the traditional way? Should I have my global styles scoped to my top level component?</p>