Write css styles in the code, but don’t render them to the page anyway, it’s really autistic.....
The following is the process of finding out the problem, it is worth recording, the problem is as follows, the page code cannot be changed:
Check network:
The network is normal and the server is also connected
page refresh
Still not rendering...
browser cache issue
If there is no problem after repeatedly checking the code, it may be a problem with the browser cache. Try clearing the browser cache, restarting the browser or changing the browser.
Restarting the browser doesn't work...
detail inspection
I have checked the style sheet association and selector problems, and confirmed that the code is not wrong, and there is no solution...
increase level
The page remains unchanged...
Confirm that the file is correct
Due to the complex structure of this vue project, it is not ruled out that there are cases where the components are not found correctly. You can quickly check by changing the text .
After changing the text, the text on the page is still unchanged. Now it is determined that the file is wrong. Search the id or class of the component directly in the editor, and find four files. Find the correct file one by one, and the problem is solved.
Summarize
When the project is too large, it is very likely that there will be code redundancy. When modifying the CSS style, you must pass the inspection to confirm whether you have found the correct file, and then modify it. The problem this time is that there are four identical components that cause confusion. .