2017-01-26 100 views
1

我想刪除左側填充:角樹控制除去整體填充

enter image description here

,並把它像這樣:

enter image description here

但是,當我嘗試應用以下內容:

[treecontrol] li { 
    padding: 0; 
} 

它集孩子們的填充爲0px太:

enter image description here

是否有可能達到期望的結果?

回答

1

您應該使用大於號來表示直接的孩子。試試下面的代碼:

treecontrol > ul > li { padding: 0; } 
0

有在documentation一些選項,讓您在不同的樹中元素的指定類:

injectClasses:允許注入額外CSS類成樹DOM
        ul:注入類成UI元素
        li:注入類進li元素
        liSelected
        elements僅當節點被選擇
        iExpanded注入類成立:注入類進入「我'元素擴展節點
        iCollapsed:注入類進入「I」元件,用於摺疊節點
        iLeaf:注入類爲用於葉節點的「I」元件
        label:inhject類成圍繞標籤的div元素
        labelSelected:注入類轉換成僅當選擇的節點周圍的標籤的div元素

你可以使用你的類treecontrol指令元素把它與內部類中css規則結合起來:

<treecontrol class="tree-classic" ... ></treecontrol> 
+0

謝謝您的答覆。約翰的回答讓我做我想做的事。 – Ali

+0

好的,如果是這樣,但請記住,在'css'中使用繼承是一種不好的做法。尤其是標籤的繼承。只爲類編寫CSS規則會好得多。詳情請閱讀[this](http://csswizardry.com/2012/11/code-smells-in-css/)。 – GProst

+0

我試着向li(a2)添加類,並使用該類將填充設置爲0,但那不起作用......它將所有文件設置爲如上圖所示。你能建議一個CSS? (我試過:.tree-classic .a2 {padding:0}) – Ali