Some of the Elements UI styles are common, but during a reference the style on the current page may need to be changed. The common style is not changed in the root directory to avoid conflicts.

  1. The first option is to add an ID/class to the component and modify the style side directly. Note that style is not scoped. Vue can have multiple styles. However, this may cause style conflicts in other pages and is not recommended

  2. The depth /deep/ depth modification styles can be written directly into the scoped style. (recommended)

/deep/