Question

我有这段代码：

 .sf-menu li:hover ul{
    left:           0;
    top:            34px; /* match top ul list item height */
    z-index:        99;
    width:auto;
height:300px;
    display:inline-block;
    overflow:hidden;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
 -moz-column-width: auto;
  -webkit-column-width: auto;
  column-width: auto;

}
.sf-menu li.sfHover ul {
    left:           0;
    top:            34px; /* match top ul list item height */
    z-index:        99;
    width:auto;
height:auto;
    display:inline-block;
    overflow:hidden;
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
 -moz-column-width: auto;
  -webkit-column-width: auto;
  column-width: auto;   
}

所以在对应的html中，标记<ul>正在使用此css设置，是否可以使用<ul2>之类的标记并使用此标记更改列表部分的css？我迷失在这里，你可以用<ul>标签吗？

Answer 1

创建像<ul2>这样的标记不会给您预期的结果。处理这类事情的标准方法是CSS类。

HTML中的标记

<ul class="second-ul">

然后你可以用L

声明一个特定的样式

ul.second-ul {
    /*Put your style definition here*/
}

CSS：ul标签的css代码不同？

1 个答案: