如何在樣式表中定位這些CSS項目？

Question

我正在使用DotNetNuke菜單-可能無關緊要，因為我的問題主要是關於CSS語法的。

為如下所示的類構建樣式的語法是什么？

<tr class="mi mi0-0 id58 first">

感謝您的幫助，不勝感激！

我試圖將目標定位在此行的底部。 我嘗試使用。 而不是CSS中的空格，但是由於某種原因，我要更改的表格行中的文本沒有更改？

<span id="dnn_dnnNAV_ctldnnNAV" class="main_dnnmenu_bar" tabindex="0" style="-moz-user-select: none;">
<div id="dnn_dnnNAV_ctldnnNAVctr55" class="main_dnnmenu_rootitem mi mi0 id55 root first">
</div>
<table id="dnn_dnnNAV_ctldnnNAVsub55" class="main_dnnmenu_submenu m m0 mid55" cellspacing="0" cellpadding="0" border="0" style="position: absolute; top: 243px; left: 642px; clip: rect(auto, auto, auto, auto); display: none;">
<tbody>
<tr id="dnn_dnnNAV_ctldnnNAVctr58" class="mi mi0-0 id58 first">

Answer 1

全部不帶空格：

.mi.mi0-0.id58.first {

}

Answer 2

元素可以有多個類，sweet提供了針對此元素的正確方法。
但是，您可以僅使用其類的子集作為目標：我會嘗試設置.mi或.mi.first樣式，如果可能，請忽略.mi0-0和.id58類-它們看起來很動態，並且會破壞設計他們改變了。

Answer 3

如果IIRC，將它們連接在一起在IE6中不起作用

Answer 4

首先，生成的是帶有內聯 CSS的 html以及一些CSS類和ID，我相信您希望將CSS中的這些元素作為目標，

1. 您可以使用外部CSS文件來定位它們，但是內聯樣式表會覆蓋您在內聯中插入的屬性。
2. 您也可以在同一文件中插入CSS。
   

為了引用CSS內的元素，您可以使用類或id

對於您使用的課​​程：

#main_dnnmenu_bar
{

    //enter Css properties here
}

對於ID，您可以使用：

.dnn_dnnNAV_ctldnnNAV
{

    //enter Css properties here
}

對於使用以下命令的課堂：mi mi0-0 id58首先，您可以執行以下操作：

.mi{ enter code here  }
.first{ enter code here }

如果您的元素具有這兩個類中引用的屬性，則兩個元素都將應用於該元素，如果只有一個，則僅應用那些屬性。

Answer 5

有幾種方法可以定位該行。

為了確保它不會被否決，您應該包括盡可能多的元素路徑，並確保（也許使用JS）沒有直接應用於元素的樣式。

（還要考慮您的樣式在運行時已被Javascript刪除）

甚至ie6都處理后代，因此：

span table tr{ /*your styles*/ } will get all tr's in that setup.

所以

span#dnn_dnnNAV_ctldnnNAVan table#dnn_dnnNAV_ctldnnNAVsub55 tbody tr.first

要么

span#dnn_dnnNAV_ctldnnNAV.main_dnnmenu_bar table#dnn_dnnNAV_ctldnnNAVsub55.main_dnnmenu_submenu.m.m0.mid55 tr#dnn_dnnNAV_ctldnnNAVctr58.mi.mi0-0.id58.first

IE7 +處理子對象“>”，該子對象更具體：

span#dnn_dnnNAV_ctldnnNAVan > table#dnn_dnnNAV_ctldnnNAVsub55 > tbody > tr.first

如果需要，您還可以定位類之外的其他內容：span [tabindex ='0'] .....

我認為IE7也可以處理第一個孩子：但是您應該檢查一下。