目前支援的選擇器有：
選擇器樣例樣例描述.class.intro選擇所有擁有 class="intro" 的元件#id#firstname選擇擁有 id="firstname" 的元件elementview選擇所有 view 元件element, elementview, checkbox選擇所有文件的 view 元件和所有的 checkbox 元件::afterview::after在 view 元件後邊插入內容::beforeview::before在 view 元件前邊插入內容
在實踐中我發現, 除了文件上說的幾種選擇器, 經過測試發現其實還有幾種支援的選擇器沒有列舉!
後面講解的例子都以此xml結構為基礎:
大兒子
二兒子三兒子
按鈕
選擇其後緊鄰同級元素:
第n個xx表示式對應的元素
經過測試, 類似的還有 ::last-of-type(n), :nth-last-child(n), :nth-last-of-type(n), :first-of-type也都好使.
擁有attribute屬性的元素
經過測試, 類似的還有 :[attribute=value], [attribute~=value], [attribute|=value]也都好使.
列一下本文補充的選擇器:
微信小程式 css樣式之選擇器
view class identified text identified view view 帶 class view 帶 id text 帶 id 相鄰兄弟選擇器 介於兩個選擇器之間，當第二個元素緊跟在 第乙個元素之後，並且兩個元素都是屬於同乙個父 元素的子元素，則第二個元素將被選中。view ...
微信小程式 聯動選擇器
從底部彈起的滾動選擇器，現支援五種選擇器，通過mode來區分，分別是普通選擇器，多列選擇器，時間選擇器，日期選擇器，省市區選擇器，預設是普通選擇器。先來看看效果圖 普通選擇器 view picker bindchange bindpickerchang value range view class ...
微信小程式滑動選擇器
在wxml檔案中，用乙個picker標籤代表選擇器，bindchange是使用者點選確定後觸發的函式，index是picker自帶的引數，使用者點選確定後，bindchange繫結的函式用.detail.value就可以訪問到。第乙個選擇的index值為0，依次遞增。range要在page的data...