在元素上使用多於1個CSS類的正確方法是什麼？

我可以想象，當存在多個與元素相關聯的類時，它可能會變得很複雜，試圖調試樣式問題。目前我正在使用多個類，但以某種類型的類用於jQuery操作而另一類用於樣式。這樣我就可以有一個元素在元素上使用多於1個CSS類的正確方法是什麼？

<div id='myDiv' class'ActionControl SearchBox'></div>

其中.ActionControl使用的jQuery和.SearchBox在CSS文件關聯的樣式。這是對還是錯？人們對此更有經驗的是什麼？

其他人遇到什麼問題？他們如何解決？

2010-09-08 DaveDev

這裏沒有遲到的評論，沒有什麼不對，除非你想支持非常古老的瀏覽器，而不是簡單的代碼。現在幾天使用多個類很方便，並且需要我的許多設計器，正如您可以看到的，jquery也正在使用它，它旨在與其他類一起使用多個類。但是請注意，類序列定義了哪個類首先在css文件中聲明或者首先聲明樣式錶鏈接的head元素。 – CallMeLaNN 2011-11-09 02:23:03

這絕對是一個好的做法 ...

你必須記住什麼東西是不能刪除的類屬性，而不是你會被刪除你到底要刪除的類。

此外，另一個問題（不是我）是多個類不支持OLDER瀏覽器。

請記住在某種程度上，它防止代碼重複這樣一個float:leftclass可以在許多不同的元素來讓您的CSS代碼，這是保持代碼明確。

來源

2010-09-08 14:06:58

我看不出有什麼問題。可能你可以在jQuery類前加上例如jActionControl，所以你可以更好地瞭解誰使用什麼類別，如果它在許多類中變得非常難看。

當然，您可以根據自己的需要分配儘可能多的班級，所以您的方法在我眼中沒有任何問題。

來源

2010-09-08 14:05:29

只要您的代碼易於理解，可以維護並且對其他人清楚，那麼您的系統就很好。
沒有標準我知道如何給CSS類，除了一個：
如果你需要使用JS或CSS來定位頁面中的單個元素，你應該使用一個ID而不是CLASS。

來源

2010-09-08 14:05:31

使用多個類的另一種方法是獲得一種繼承。

.thing { ..blah.. } 
.thing.subthing { ..tweaks.. } 


<div class="thing"></div> 
<div class="thing"></div> 
<div class="thing subthing"></div>

這裏所有的東西都會被應用到它們，但只有sub div才能得到調整。

是的，它可能會變得複雜。與任何電動工具一樣，您需要謹慎並遵守紀律來應用它。

來源

2010-09-08 14:24:32

.thing.subthing在舊版瀏覽器中不起作用。 – 2010-09-08 14:26:30

在元素上使用多於​​1個CSS類的正確方法是什麼？

回答

相關問題

在元素上使用多於1個CSS類的正確方法是什麼？