# WeUI-wxss和WeUI的用法差異
### 不支持相鄰兄弟選擇器 -> `after` someone
#### 如：`.weui-cells__title + .weui-cells` -> `.weui-cells_after-title`
Old
```html
<div class="weui-cells__title">帶說明的列表項</div>
<div class="weui-cells"></div>
```
New
```html
<view class="weui-cells__title">帶說明的列表項</view>
<view class="weui-cells weui-cells_after-title"></view>
```
### 不支持級聯選擇器 -> `in` someone
#### 如：`.weui-cell_access .weui-cell__ft` -> `weui-cell__ft_in-access`
Old
```html
<div class="weui-cell weui-cell_access">
<div class="weui-cell__ft"></div>
</div>
```
New
```html
<view class="weui-cell weui-cell_access">
<view class="weui-cell__ft weui-cell__ft_in-access"></view>
</view>
```
#### 如：`.weui-cells_radio .weui-cell__ft` -> `.weui-cell__ft_in-radio`
Old
```html
<div class="weui-cells weui-cells_radio">
<label class="weui-cell weui-check__label">
<div class="weui-cell__ft">
<span class="weui-icon-checked"></span>
</div>
</label>
</div>
```
New
```html
<view class="weui-cells weui-cells_with-title">
<label class="weui-cell weui-check__label">
<view class="weui-cell__ft weui-cell__ft_in-radio">
<icon class="weui-icon-radio" type="success_no_circle" size="16"></icon>
</view>
</label>
</view>
```
### icon
采用小程序的icon。因為原生的`icon`的`font-size:0`，所以需要新增一些類來控制icon的邊距，如`.weui-icon-radio`、`.weui-icon-checkbox_circle`等，具體看代碼。（當然，你也可以不加。）
### button
采用小程序的button，`.weui-btn`則用于控制間距
Old
```html
<a href="javascript:;" class="weui-btn weui-btn_primary">頁面主操作 Normal</a>
```
New
```html
<button class="weui-btn" type="primary">頁面主操作 Normal</button>
```
### `weui-cell_access`的`:active`
由`navigator`的`hover-class`來指定類`weui-cell_active`來控制
New
```html
<navigator url="" class="weui-cell weui-cell_access" hover-class="weui-cell_active">
<view class="weui-cell__bd">cell standard</view>
<view class="weui-cell__ft weui-cell__ft_with-access">說明文字</view>
</navigator>
```
### `.weui-input`
因為采用小程序的input，鍵盤彈起高度有所區別，所以實現上也有所改變，需要增加`.weui-cell_input`的擴展類
Old
```html
<div class="weui-cell">
<div class="weui-cell__bd">
<input class="weui-input" />
</div>
</div>
```
New
```html
<view class="weui-cell weui-cell_input">
<view class="weui-cell__bd">
<input class="weui-input" />
</view>
</view>
```
