如何指定样式仅适用于HTML中此元素的父元素和该元素的子元素？
本文向大家介绍如何指定样式仅适用于HTML中此元素的父元素和该元素的子元素？，包括了如何指定样式仅适用于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>
