如何指定样式仅适用于HTML中此元素的父元素和该元素的子元素?
使用scoped 属性指定样式仅适用于父元素和元素的子元素-
示例
<!DOCTYPE html>
<html>
<head>
<style>
h2 {
color:yellow;
}
</style>
</head>
<body>
<div>
<style scoped>
h2 {
color:grey;
}
</style>
<h2>Grey Heading</h2>
</div>
<h2>Yellow Heading</h2>
</body>
</html>