<template>
<div id="content" v-html="field.content"></div>
</template>
<style scoped>
#content >>> .table, .general, .picture, .cover, .formula, .flow, .default, .other {
width: 50%;
height: auto;
margin: 0 auto;
display: block;
}
</style>
Upon examining the provided code snippet, it is apparent that I am utilizing vue.js to dynamically insert HTML code into
. The objective here is to implement the deep selector (>>>) as shown in the code above. However, during testing, only the first selector (.table) seems to be functioning properly.My inquiry pertains to whether there exists a method for applying the deep selector to group selectors simultaneously?
In my attempts to seek resolution, I have conducted online searches using various keywords such as "css deep selector group selector", "css >>> group selector", "css >>> complex selector", yet regrettably, no analogous queries or solutions have been found. Is it plausible that my search terms are inadequate?