著重寫一下after和before的用法：

　　如何變成

上面的目錄結構是jsTree生成的，我們知道後邊是沒有標記的，如何生成呢？

很簡單，只有css樣式就可以搞定：標簽元素+偽類after

a.task-pack:after{//我的樣式名稱是這個，可以寫成你自己的樣式名稱
　　content: ‘已打包‘;
　　display: inline-block;
　　min-width: 10px;
　　padding: 3px 7px;
　　margin-left: 2px;
　　font-size: 12px;
　　font-weight: bold;
　　color: #fff;
　　line-height: 1;
　　vertical-align: middle;
　　white-space: nowrap;
　　text-align: center;
　　background-color: #009bdb;
　　border-radius: 10px;
}

有時可以用來和checkbox綁定，如果我們想做勾選了復選框有什麽變化就可以用

css3兄弟選擇器：input:checked+label:after{css樣式}，只要被選中，label標簽就會有相應的樣式變化;

before是放在元素的前面，用法與after相似

淺談css常用偽類用法