在css中調用li's

我正在使用此字段集使用ul工作。這是一個joomla模板，我以發佈者身份登錄。這是您可以更改文章的菜單。在css中調用li's

我想要發生的是第一個a和最後兩個a是不可見的。（如顯示：無）。但我不知道如何在CSS中調用這些行。我知道：nth-child（）存在，但它沒有按照我嘗試的方式工作。

<fieldset> 
<ul class="nav nav-tabs"> 
::before 
<li class> 
<a href="#editor" data-toggle="tab">Content</a> 
</li> 
<li class="active"> 
<a href="#publishing" data-toggle="tab">Publishing</a> 
</li> 
<li class> 
<a href="#language" data-toggle="tab">Language</a> 
</li> 
<li class> 
<a href="#metadata" data-toggle="tab">Metadata</a> 
</li> 
::after 
</ul>

有沒有人知道如何在css中調用它們？如果這個問題不是真正的專家級別，我很抱歉。謝謝

來源

2015-06-15 Kas

你可以用簡單的CSS

.nav li:first-child, 
.nav li:nth-child(3), 
.nav li:nth-child(4) { 
    display: none; 
}

做，而是這不是一個乾淨的方式。編輯表單應該被覆蓋重新設計。如果您沒有權限這麼做，請諮詢模板開發人員。

來源

2015-06-15 07:45:16

謝謝你這個作品！我確實有權重寫。但我不確定它是哪個文件，所以我需要在未來更深入一點。但現在這很好！謝謝。 – Kas

要爲編輯表單創建覆蓋，請轉至擴展>模板管理器>模板> YOURTEMPLATE詳細信息和文件>創建覆蓋> com_content>表單。在模板文件夾中單擊「表單」後，您可以編輯文件/html/com_content/form/edit.php用於這些目的。 –

全部隱藏並顯示活動的。

.nav-tabs li {display: none;} 
.nav-tabs li.active {display: list-item} /* or block, if LIs are floated or you want them block */

來源

2015-06-15 07:42:02 panther

把相同的類放到你想隱藏的li上，並在你的css中調用它們。

例子：

<li class="hide-me"></li> 

li.hide-me { display: none;}

順便說一句，如果你打算改變顯示值以後分別展示他們的ID建議您使用，而不是一類的ID。

來源

2015-06-15 07:46:03

在css中調用li's

回答

相關問題