因為在開發小程式時，只有部分在做畢業設計時候的前端經驗，很多問題都是遇到後才瞭解到。

    在製作前端的過程中遇到了修改css樣式不起作用的問題。因為程式碼是從網路上拷貝下來的，最開始如下：

<button class='tr' bindtap='modalinput' style="width:140rpx" data-value='{{item}}'>{{item.classnames}}</button>

    我們可以看到，裡面不僅僅有css樣式tr，而且還有一句style="widht:140rpx"的語句，最開始的時候我沒有留意style，

為了修改使得button的外形更為美觀，我對css中的tr進行了widht的修改。

    在測試的過程中發現，無論給他設定為什麼，所對應的button按鈕沒有發生一點變化，這才讓我注意到style="widht:140rpx"這句話，印象中，前端讀取樣式的時候一般是就近原則，因為平時寫全域性app.css和當前頁面的css的時候會注意到這些。

    所以，class和style的最後的目的是一樣的，只不過class是對當前容器命名後，在css頁面或者wxss頁面進行樣式的編寫，而style是直接在頁面語句中的語句中進行編寫，在程式執行的時候，style>class；