【遇到問題】
vue中解決樣式只作用于當前界面,不影響全域,樣式編譯報錯
【問題來源】
這是我第一次做vue的專案,在開發程序中,我針對樣式進行了修改,才發現影響了全域的樣式,于是我就上網查了,才發現 style 里面要加 scoped
<style lang="less" scoped>
然后我就發現加了這個之后樣式并沒有發生改變,原來是因為原來有樣式,他是沒有辦法覆寫之前的樣式的,
有關詳解參考博客:https://blog.csdn.net/sdo2605587/article/details/79141111 (提供了解決方案,我好像不太看得懂??)


【解決方法】
畢竟我們也不是沒學過css的人對吧,大不了定義一個唯一的 class 來包裹真個樣式,在頁面最外面的div 上面添加 class,但是要注意的是
style 的標簽的 lang 要設定為 scss (lang = ‘less’ 編譯不通過)
<style lang="scss" >
.welcome {
.text {
font-size: 14px;
}
}
</style>
這邊也查了一些有 less 的有關博客,一起學習
https://www.cnblogs.com/qdwds/p/11516181.html
最后(個人感想)
我一直記得前幾天我在抖音上看的視頻,好幾個都說農村出來的孩子如何如何,以及說到了第一次不敢坐地鐵,不會怕丟人,那些城里人習以為常的東西,可能農村人見多沒見過,不自信,什么什么的,好像農村人給她帶來了極大的自卑的感覺,
出生農村的我,初中才第一次碰電腦,打字都不會,后來大學專業課成績一直很好,作業也是做了開發(走了專業方向),不要怕接觸晚,重要的是當你接觸了之后怎么最快的學會并做好,我第一次坐火車是一個人,但是我并不擔心,這種大眾使用的東西,應該都是很簡單明了的,希望大家不要對新事物的恐懼,也不要覺得自己不會就低人一等,后來我卸載了抖音,因為它偷走了太多的時間,也許抖音上也有許多教學,但你看著又真正學習到了多少,希望未來的自己越來越優秀,而不是沒有優只有秀,
轉載請註明出處,本文鏈接:https://www.uj5u.com/qiye/63837.html
標籤:Html/Css
上一篇:Web實驗一 國內旅游界面
下一篇:css之box-shadow
