包括的CSS問題

我並不需要代碼的幫助，但我有一個關於CSS和PHP的問題。我仍然在努力學習CSS。請原諒我，如果我有問題解釋得當。包括的CSS問題

我的網站由幾個.php腳本組成，這些腳本總是從我的主要include php腳本中調用。此腳本包含標題，整體佈局，登錄檢查，JavaScript和腳本，可修復錯誤並記錄某些統計信息。這包括文件調用我的style.css表。因此，每個頁面都會加載style.css，因爲每個頁面都會調用我的包含文件。

這是我的問題。

ul{ 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
} 

li{ 
    margin:0px 10px 3px 10px; 
    padding:2px; 
    list-style-type:none; 
    display:block; 
    background-color:#606a86; 
    width:125px;

這是一個菜單。我還沒有使用過這麼多，因爲我還在學習，但是該代碼對於我在JavaScript中使用的菜單非常適用。但是，我想在我的網站的其他地方使用ul和li，但我不想要相同的外觀。基本上，當我使用class =「」時，我想在其他地方看到不同的外觀。問題是，如果我嘗試添加一個ul.example或者li.example，它在使用class =「」時不能像在其他標籤上那樣工作。

我也試着直接將CSS添加到頁面，但它仍然加載了我對菜單的樣式。

請注意，我已經嘗試給出兩個單獨的ID，如ul.ex1和ul.ex2，同樣適用於li。

我剛剛完全失去了CSS，還是有一定的方式來做到這一點？

來源

2011-04-20 Brad45

你應該將你的ul/li綁定到一個元素。例如，如果你的菜單中

<div id="menu">your menu</div>

你應該有你的CSS像這樣：

#menu ul{ 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
} 

#menu li{ 
    margin:0px 10px 3px 10px; 
    padding:2px; 
    list-style-type:none; 
    display:block; 
    background-color:#606a86; 
    width:125px;

來源

2011-04-20 03:03:38

好的，我會試試看。那麼，這是否意味着採用類方法，ul.menu根本無法工作？ – Brad45 2011-04-20 03:08:45

這也應該工作。我更喜歡我向你展示的方法。我想，這取決於你。 – 2011-04-20 03:10:35

您的CSS選擇器向後。它的標籤然後是類名，即ul.example不是example.ul

看看這個quick tutorial。

來源

2011-04-20 03:01:15

那麼，這實際上是一個錯字這裏。我只是看着我的style.css，並正確使用它們。 – Brad45 2011-04-20 03:03:04

最好的辦法是給你的導航欄類，並承擔所有其他ul的和li有他們的正常狀態。然後，在您創建的任何其他頁面上很容易更改這些內容。

剛一說明，如果你想創建一個類ul，你會使用ul.navbar和ul.navbar li，這比將相同的類到每一個人li容易得多。

<ul class="navbar"> 
    <li></li> 
    <li></li> 
</ul> 
<style type='text/css'> 
    ul.navbar { 
    margin:0px 0px 0px 0px; 
    padding:0px 0px 0px 0px; 
    } 
    ul.navbar li { 
    margin:0px 10px 3px 10px; 
    padding:2px; 
    list-style-type:none; 
    display:block; 
    background-color:#606a86; 
    width:125px; 
    } 
    // all other uls remain normal 
</style>

來源

2011-04-20 03:05:19 Nick

好吧，所以我也給了李類，當它應該只是把它給了ul然後像你的代碼上面說的ul.navbar li狀態，對吧？ – Brad45 2011-04-20 03:14:23

沒錯。你可以使用li.someclass，但這會變得煩人和重複。 – Nick 2011-04-20 03:18:11

包括的CSS問題

回答

相關問題