在样式表里写的.root h1样式为什么不会让template里的发生变化？
<!DOCTYPE html>
<html>
<head>
<title>VUE入门</title>
<script src="https://cdn.jsdelivr.net/npm/vue@2.5.16/dist/vue.js"></script>
<style type="text/css">
.root h1{
color:red;
}
</style>
</head>
<body>
<div id="root" class="root">
</div>
<script type="text/javascript">
new Vue({
el:"#root",
template:"<h1>{{msg}}</h1>",
data:{
msg:"Hello 2332",
}
})
</script>
</body>
</html>
