【问题标题】:not statement in CSS? Or way around? (superfish)不在 CSS 中声明?还是绕路? (超级鱼)
【发布时间】:2012-04-19 20:53:23
【问题描述】:

我试过在网上找到这个但没有运气。

我正在使用 superfish 下拉菜单,我需要将顶部的 li 进行四舍五入,但不是 li 的内部有 ul,如果您在这里看到这是演示的测试页面:

jsfiddle:http://jsfiddle.net/UdvBC/

但我需要说一下..只在顶部应用舍入而不是下拉列表中的舍入,这可行吗?

谢谢:)

【问题讨论】:

  • CSS = 级联样式表。所以你可以级联样式依赖它 parent .TopMenu{ rounded} .TopMenu.SubMenu1{notRounded} 运行良好,并且在整个站点中级联。只要确保 HTML 标记为 <ul><li class="TopMenu">....<ul><li Class=SubMenu1> ....</li></ul> ... </li></ul>
  • CSS 中的“级联”并不是你想的那样……
  • 请不要在问题解决后删除链接,特别是如果您的问题中没有提供示例代码,那么您的问题将毫无意义。

标签: javascript html css superfish


【解决方案1】:

您正在寻找使用我收集的 :first-child 选择器...

http://www.w3schools.com/cssref/sel_firstchild.asp

它允许您将特殊的 CSS 应用于第一个项目。 只需确保在样式应用于所有项目之后应用第一个子选择器,以防止覆盖第一个子属性。

例子:

ul li { background: red; }
ul li:first-child { background: blue; }

以相反的顺序放置它会覆盖第一个子 CSS。

编辑:感谢您的更正!

【讨论】:

  • 您关于规则排序的陈述不正确。没有必要在样式应用到所有项目之后应用它,因为添加 :first-child 将使选择器更加具体,防止 ul li 覆盖它。
  • 只是一个更新,我使用了这种技术,效果很好,非常感谢!
  • 哦,来吧@Metalfrog,说真的。讨厌的人会讨厌。
  • 请记住,它只适用于 CSS3 浏览器。任何较旧的都会降级为基本样式,因此请在 IE6、IE7 中进行测试,因为它们是最差的
【解决方案2】:

CSS 不能真正接受这样的 not 语句,所以我建议为 li 的两种类型定义单独的类。

【讨论】:

  • 谢谢,我去看看;)
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2012-01-07
相关资源
最近更新 更多