vue中，子元素定义父元素 css 属性
在 Vue 中，子组件不能直接修改父组件的 CSS 属性。这是因为在 Vue (和大多数其他的前端框架) 的设计中，子组件应当避免直接影响或依赖父组件的状态，以保持组件的封装性和可重用性。
如果你需要让子组件影响父组件的样式，你可以使用以下几种方法：
Props 和 Events: 子组件可以通过触发事件来通知父组件改变样式。父组件可以监听这个事件，并在事件处理函数中改变自己的样式。
Provide / Inject: 在一些特殊情况下，你可以使用 provide / inject 特性来实现跨级的通信。但是请注意，Vue 官方文档明确指出，这个特性主要为高阶插件/库提供用途，使用时应当谨慎。
Vuex: 如果你的项目使用了 Vuex，你也可以利用 Vuex 来管理样式相关的状态。子组件可以通过提交 mutation 或者 dispatch action 来改变状态，进而影响到父组件的样式。
v-bind:class / v-bind:style: 你也可以通过动态绑定 class 或 style 来改变组件的样式。你可以将样式相关的数据设置为组件的响应式数据，然后在 template 中通过 v-bind 指令来动态改变样式。
请注意，你应该尽量避免在子组件中直接操作父组件的 DOM，这是因为直接操作 DOM 可能会破坏 Vue 的响应性系统，并可能引起一些难以预料的问题。