There is a difference in the access style between the development of vue local startup service and the access style after code compression.

if the styles I wrote in a component when I was developing locally, some of the styles in the component will affect the global or other page styles if they are compressed and viewed online. Is there a solution

Oct.19,2021

  • to use css module, is to add scoped to the style tag.
  • each component has a unique class, and then all the styles of the component are hung under this class, such as
.box{
  xxx:xxx
}
.box .header{ }
.box .footer{ }
...

does the style tag of the vue file add the scope of the scoped declaration

 

1, css modules

2, declaration style scope: 1) each component has a wrap ; 2) < style scoped > tag

MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e4da8f-594d6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e4da8f-594d6.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?