HTML CSS如何交換的CSS屬性

我工作的一個項目，我有多個頁面。我只有一個CSS文件。我在一個表格中爲一個頁面指定了tr：hover屬性，但在另一個頁面上我也有一個表格，我不希望它被應用。有什麼辦法嗎？它會改變懸停時的顏色，但我希望它只應用於特定頁面。HTML CSS如何交換的CSS屬性

我想到的是製作第二個CSS文件，但我寧願不這樣做，因爲我們被告知要把所有東西都整合到一起。

來源

2016-11-12 Darxor

單獨的類可以被創造出來的？ – DMishra

請勿使用單獨的CSS文件。使用一個獨立的類 - 事實上，最近我有同樣的問題，所以使用了體類。或者你甚至可以寫一些像Sass這樣的可以嵌套的東西？ – James

這裏，您的回答是體類的精彩世界。您可以爲每個頁面應用一個類，以便您可以使用的主頁：

<body class="homePage">

其他頁面，其他類。那麼你的目標在每個頁面的基礎上這樣這些頁面：

.homePage tr:hover {background: pink;} 
.aboutPage tr:hover {background: red;}

或者你可以簡單的ID表：

<table id="table1">

，然後目標只是表：

#table1 tr:hover {background: pink}

。 ..但我推薦身體標籤作爲一般工作的好方法。

來源

2016-11-12 19:05:42 mayersdesign

半欄誤判 –

它在哪裏丟失？ – mayersdesign

每個CSS語句之後。 –

tr.classname：懸停

可用於懸停效果，其中的類名應該在CSS文件和HTML來指定。 TR：懸停是對所有TR

一個單獨的類是這些類型的問題

來源

2016-11-12 19:07:16 DMishra

不，繼承是這些問題的最佳解決方案。因此，爲什麼你使用table-id和'#tableid tr：hover'作爲選擇器。如果您希望某些行具有特定行爲，那麼這些行的類可能會很有用。 – junkfoodjunkie

最佳的解決方案如何在F ... 身體上的類？否爲什麼？身體只能出現一次，使用一個ID。

每個<tr>類？否您在包含元素<table>上放置一個id，並在CSS中創建類似#tableid tr:hover的內容。

嚴重的是，公認的答案並不好，既不代碼或諮詢。

來源

2016-11-12 20:15:14 junkfoodjunkie

身體標記上的一個類，因爲通常身體標記最終會有多個類，至少在我工作的每個項目中都是如此，並且非常方便。被接受的答案並不提倡單獨的tr類，它建議你建議一個表ID，如你所建議 – mayersdesign

爲什麼在天堂中身體標記需要多個類？請提供一個有用或者聰明的例子嗎？ – junkfoodjunkie

我自己的CMS例如這樣處理： <體類=「pageAbout template_AboutsUs1 userLoggedIn userNameBob categoryWine」>等等等等的Wordpress例如本身生成多個體類開箱： <體類=「頁頁「--id-2 page-parent page-template-default logged-in class-name」> ...甚至對於那些我使用自定義函數爲自定義帖子類型分類法，瀏覽器類型（有時）添加更多類。各種各樣的事情基本前提是少數身體課程在整個頁面中刪除了對其他身份證/課程的需求，留下了更清潔的環境。 – mayersdesign

HTML CSS如何交換的CSS屬性

回答

相關問題