Vue parent and child components have the same labeled class, why can't the use of scoped avoid style contamination?

vue parent and child components have the same labeled class, so why can"t style contamination be avoided by using scoped?

both parent and child components use scoped, but the data attribute rendered in the tag of the parent and child component duplicates, resulting in style contamination. How to solve this situation, can only change the name

Mar.17,2022

can be avoided by using'>'or 'deep'.
for example, parent components can use. Dh-admin >. Dh-bar to avoid dh-bar contamination of quilt child components.
in fact, the best solution is to give the subcomponent a different class name, such as dh-bar-child

.
Menu