uni-app-小程序中組件不支持id選擇器等


這個問題剛開始遇到的時候有點搞笑啰,正常情況下,id選擇器不是最正常的嗎?搞錘子哦。

 

接着我就找度娘了  ,官網給出的解釋是:https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html  

組件樣式

組件對應 wxss 文件的樣式,只對組件wxml內的節點生效。編寫組件樣式時,需要注意以下幾點:

  • 組件和引用組件的頁面不能使用id選擇器(#a)、屬性選擇器([a])和標簽名選擇器,請改用class選擇器。
  • 組件和引用組件的頁面中使用后代選擇器(.a .b)在一些極端情況下會有非預期的表現,如遇,請避免使用。
  • 子元素選擇器(.a>.b)只能用於 view 組件與其子節點之間,用於其他組件可能導致非預期的情況。
  • 繼承樣式,如 font 、 color ,會從組件外繼承到組件內。
  • 除繼承樣式外, app.wxss 中的樣式、組件所在頁面的的樣式對自定義組件無效(除非更改組件樣式隔離選項)。
 #a { } /* 在組件中不能使用 */  [a] { } /* 在組件中不能使用 */  button { } /* 在組件中不能使用 */  .a > .b { } /* 除非 .a 是 view 組件節點,否則不一定會生效 */


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM