CSS中的继承?没有复制和粘贴可以做到这一点?

时间:2010-02-04 23:34:17

标签: css inheritance jquery-ui

我正在尝试按照http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery上的漂亮教程,嗯,我试图使用jquery的CSS作为主题。所以,如果我有一个像

这样的菜单
<ul id="AVPNav">
  <li><a href="#">Agfdts</a>
    <ul>
      <li><a href="~/Apfgsdfg.aspx?node=add">Add</a></li>
      <li><a href="~/Agfdsgpx?node=find">Find</a></li>
    </ul>
  </li>
  <li><a href="#">Repdfsgs</a></li>
  <li><a href="#">Ssdfgrt</a></li>
  <li><a href="#">Adgfdminisgfdon</a></li>
</ul>

好吧,我不想使用自定义颜色等,而是想使用.ui-state-default.ui-state-hover

如何在没有复制的情况下使用这些类并将它们粘贴到我自己的基于AVPNav的自定义css类中?

另外,我正在寻找一个纯粹的css / html解决方案,但如果它是唯一的方法,那么一些轻量级的jquery就可以了。

3 个答案:

答案 0 :(得分:2)

您只能通过手或javascript将类分配给DOM元素。

答案 1 :(得分:1)

CSS不支持此功能。

您必须自己定义CSS,或在应用程序中包含jquery CSS文件。

答案 2 :(得分:1)

CSS中没有继承这样的东西 - 即使inherit属性值指的是DOM级继承,也不是CSS选择器的继承。

话虽如此,对于大多数人来说,将多个类应用于单个元素的能力通常是完全足够的:

<li id="someItem" class="someClass ui-state-default"> ...

如果这对您不起作用,那么我担心是时候某些 CTRL + C CTRL + V