2012-04-19 33 views
1

我曾尝试在网上找到这个没有运气。在CSS中没有声明?或绕过吗? (superfish)

我使用快鱼下拉,我需要顶立成圆形,而不是李与UL的里面,如果你看到这儿,这是测试页面,其demo'd:

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

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

谢谢:)

+0

不用,使用类 – Hamish 2012-04-19 11:54:06

+0

CSS =级联样式表。所以你可以级联依赖它的父母样式'.TopMenu {rounded}'; '.TopMenu.SubMenu1 {notRounded}'效果很好,并在整个网站上级联。只要确保HTML标记是'

  • ....
    ...
' – ppumkin 2012-04-19 11:58:45

+0

CSS中的“级联”并不意味着你认为它的意思是...... – BoltClock 2012-04-19 12:00:36

回答

3

您正在寻找使用:从我收集的第一子选择...

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

它可以让你特别的CSS应用到的第一个项目。 只要确保在应用于所有项目的样式之后应用第一个孩子选择器,以防止覆盖第一个孩子的属性。

实施例:

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

把它以相反的顺序将覆盖第一子CSS。

编辑:感谢您的更正!

+1

您关于规则排序的陈述是不正确的。在应用于所有项目的样式之后,不需要应用它,因为添加':first-child'将使选择器更加具体,从而防止'ul li'重写它。 – BoltClock 2012-04-19 11:54:20

+0

感谢这个我会看看w3schools :)谢谢! – zomboble 2012-04-19 11:55:12

+1

http://w3fools.com – MetalFrog 2012-04-19 11:56:33

1

CSS真的不能接受陈述喜欢,所以我建议定义了两种类型的li的单独的类。

+0

谢谢,我会看看那个;) – zomboble 2012-04-19 11:54:50