2 手风琴:如何以不同的方式设置导航项(链接)的样式?
这里 我有一个样式正确的手风琴脚本。单击时文本为灰色的导航项(链接)活动时呈蓝色。此外,还有一个黑条和两个用于活动和活动的图像。不活动(活动时向左的箭头和向下的箭头)。
在这里您会看到相同的导航项样式,但我需要它只是蓝色文本,没有黑条,没有活动/不活动的箭头。
如何为 这个 手风琴创建第二个样式?
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 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
您需要做的就是向此切换器应用不同的类(例如:
.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.将一个类添加到 HTML 代码中,并为该部分编写额外的 CSS。
CSS 中的附加类:
更改了 HTML:
Add a class to the HTML code and write additional CSS for that section.
Additional class in CSS:
Changed HTML: