Question

我正在尝试在现有应用程序中添加功能。在现有代码中，他们已应用<ul>和<li>标记的样式。我试图在同一页面中放置一个水平条，其中使用了以下代码。

<div id="tabs" style="height:750px; margin-top:10px;">
  <ul>
    <li><a href="#tabs-1">Information</a></li>
    <li><a href="#tabs-2">Center</a></li>
    <li><a href="#tabs-3">Location</a></li>
    <li><a href="#tabs-4">Receipt</a></li>
  </ul>
  <div id="tabs-1">

  </div>
  <div id="tabs-2">

  </div>
  <div id="tabs-3">

  </div>

<div id="tabs-4">


</div>
</div>

现在有什么方法可以为我在此代码中提到的ul应用样式表吗？我从一个使用一个jquery-ui.css的小提琴获得了水平制表符的代码。在应用程序中，我们使用tiles.xml来应用样式表，并且它的设计方式使其对所有页面都是通用的。

Answer 1

你可以用父母和孩子的概念来做到这一点。使用您自己创建的默认样式表并添加父类，其中id =“tabs”，您可以在其他div中添加任何子类，然后您可以应用您想要使用的属性。

Answer 2

在ul中添加一个id /类，然后在样式表样式中添加它。例如。

HTML

 Directory of T:\haskell-platform\gitit\.cabal-sandbox

01/07/16  06:52                34 add-source-timestamps
01/07/16  06:52    <DIR>          bin
01/07/16  06:43    <DIR>          doc
01/07/16  06:52    <DIR>          logs
01/07/16  06:51    <DIR>          man
01/07/16  06:43    <DIR>          packages
01/07/16  06:52                11 world
01/07/16  06:52    <DIR>          x86_64-windows-ghc-7.10.3
01/07/16  06:52    <DIR>          x86_64-windows-ghc-7.10.3-packages.conf.d
               2 File(s)             45 bytes
               7 Dir(s)  57,124,208,640 bytes free

CSS

<ul id="myId">
    <li>a list item</li>
</ul>

提示：永远不要做内联风格。

样式表重叠的问题

2 个答案: