CSS Accordion - 需要用类替换 div

标签 css accordion

在我最终使用的原始 Accordion 中:

.accordion div{
    display:inline-block;
    width:311px;
}

因此位于 Accordion 内部的任何 div 都遵循这些细节。 当我不得不找到/重新制作一个新的 Accordion 时(该死的 IE8!)新的 Accordion 已经包含了一个 div。

是否可以创建一个新类来替换 div?所以它会像

.accordion **uniqueclass?**{
        display:inline-block;
        width:311px;
    }

这样它就不会干扰已经存在的 div。我不确定您是否可以在已经指定一个类之后再指定一个类。

一如既往,我是一个 CSS 菜鸟所以请用英语解释 :D

最佳答案

.according div"选择".accordion"中的所有div。您可以用任何其他类替换“div”并将其分配给 Accordion 中的 div,它应该可以工作。

例子:

.accordion div.anything {
}

会选择带 .accordion 的 div,但不会选择其他 div。

<section class="accordion">
<div></div>
<div class="anything"></div>
<div></div>
</section>

这应该有助于您理解 CSS 选择器:http://net.tutsplus.com/tutorials/html-css-techniques/the-30-css-selectors-you-must-memorize/

关于CSS Accordion - 需要用类替换 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16894157/

相关文章:

jquery - 定制 Accordion - 使用每个

jquery - 如何在悬停时创建显示图像动画效果?

html - 响应式网格框,图像自动调整大小

html - CSS 术语 : targeting complex combinations of tags

html - Accordion h3 文本在 IE 中消失

.net - 是否有 WPF 控件可用于展开/折叠面板(动画)

javascript - 带有 javascript 链接问题的 Accordion 菜单

javascript - 我必须单击两次才能触发 JQuery 单击功能

html - 表元素的无换行子元素出现意外行为

css - 如何使用 Bootstrap 4 使带有图像文本和链接的响应式连续三列?