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类和ids，我相信你想从CSS中定位那些元素，

您可以使用外部CSS文件来定位它们，但内联样式窗口将覆盖您在内联中插入的属性。
您也可以将Css插入同一个文件中

为了引用Css内部的元素，您可以使用类或 id

对于您使用的课程：

#main_dnnmenu_bar
{

    //enter Css properties here
}

以及您可以使用的ID：

.dnn_dnnNAV_ctldnnNAV
{

    //enter Css properties here
}

对于使用此类的课程：mi mi0-0 id58 first 你可以这样做：

.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 +处理儿童'＆gt;'，更具体：

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

如果您需要，您还可以定位课外的其他内容：跨度[的tabindex = '0'] .....

我认为IE7也处理第一个孩子：但你应该检查一下。

如何在样式表中定位这些CSS项目？

5 个答案: