2 手风琴:如何以不同的方式设置导航项(链接)的样式?

发布于 2024-10-03 10:02:19 字数 398 浏览 5 评论 0原文

这里 我有一个样式正确的手风琴脚本。单击时文本为灰色的导航项(链接)活动时呈蓝色。此外,还有一个黑条和两个用于活动和活动的图像。不活动(活动时向左的箭头和向下的箭头)。

在这里您会看到相同的导航项样式,但我需要它只是蓝色文本,没有黑条,没有活动/不活动的箭头。

如何为 这个 手风琴创建第二个样式?

Here I have an accordion script styled correctly. The nav item(link) that when clicked the text is grey & blue when active. Further there is a black bar and two images for active & inactive (arrow pointing left & arrow pointing down when active).

Here you see the same nav item styling but I need it to be just blue text no black bar no active/inactive arrows.

How do I create a 2nd styling for this accordion?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

挽梦忆笙歌 2024-10-10 10:02:19

您需要做的就是向此切换器应用不同的类(例如: .toggler-2 而不是 .toggler),然后在您的 css 中设置 .toggler- 样式2 正是您想要的外观。

All that you need to do is apply a different class to this toggler (example: .toggler-2 instead of .toggler) and then in your css, style .toggler-2 exactly how you want it to look.

无人问我粥可暖 2024-10-10 10:02:19

将一个类添加到 HTML 代码中,并为该部分编写额外的 CSS。

CSS 中的附加类:

#dhtmlgoodies_listMenu.secondary a
{
    styling: goes here;
}

更改了 HTML:

<ul id="dhtmlgoodies_listMenu" class="secondary">

Add a class to the HTML code and write additional CSS for that section.

Additional class in CSS:

#dhtmlgoodies_listMenu.secondary a
{
    styling: goes here;
}

Changed HTML:

<ul id="dhtmlgoodies_listMenu" class="secondary">
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文