如何使课堂内部成熟

Question

以下css样式如下：

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="app" ng-controller="ctrl">
 <table>
   <tbody>
      <tr >
         <td>
            <select class="form-control" ng-model="designation" ng-options="item as item.Emp_Name for item in createStudyObj.Study_User">
               <option value=""></option>
               
            </select>
         </td>
         <td>
            {{designation}}
         </td>
         <td class="mdrf-add-row-col">
            <i class="fa  fa-minus-circle"
               data-ng-click="deleteMem($index)"></i>
         </td>
      </tr>
   </tbody>
</table>
</div>

ul li包括：

ul {         
    padding:0 0 0 0;
    margin:0 0 0 0;
}
#foo li {     
   list-style:none;
   margin-bottom:25px;           
}
ul li img {
   cursor: pointer;
}

是否可以将#ul从id改为class？我试过这样：

<ul id="foo" class="row">
  <li class="col-lg-3 col-md-3 ">
  <img class="img-responsive" src="images/photodune-174908-rocking-the-night-away-xs.jpg">
  </li>
</ul>

它有效，但有些错误，我认为它不能正常工作。

Answer 1

由于您的li标记没有.bar类，因此无法使用。

如果要设置li样式，请将css更改为：

.bar li {
    list-style:none;
    margin-bottom:25px; 
}

或

如果您想设置ul样式，请将css更改为：

ul.bar {
    list-style:none;
    margin-bottom:25px;
}

使用您的css代码，您可以使用li类设置.bar标记的样式。

Answer 2

试试这个

ul.bar li{     
    list-style:none;
    margin-bottom:25px;           
}

或者这个

.bar li{     
    list-style:none;
    margin-bottom:25px;           
}