Question

我正在做一个项目，在其中创建了包括下拉列表在内的某些表格。我已使用引导程序组件进行下拉菜单。我的项目中还有其他页面。他们各自工作正常。现在，我面临的问题是，当我重新加载“客户需求”页面时，所有组件均按需要对齐，但是当我单击并访问“管理”页面，然后返回到“客户需求”页面时，它变得未对齐。我的“客户需求”页面和“管理”页面分别具有不同的CSS文件。单击“管理”页面后，如果我返回“客户需求”页面，它将“管理”页面的CSS应用于“客户需求”页面。感觉有点像CSS的重叠。我需要一个解决方案。 This is before visiting admin page This is after visiting admin page

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="../../assets/css/util.css">
  <link rel="stylesheet" type="text/css" href="../../assets/css/main.css">
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>  
<div class="row">
    <div class="form-group col-md-2">
        <label for="inputState">Lead-Type</label>
        <select id="status1" class="form-control">
          <option selected>Lead-Status</option>
          <option>Demand</option>
          <option>Supply</option>
        </select>
      </div>
      <div class="form-group col-md-2">
          <label for="inputState">Sub-Type</label>
          <select id="status1" class="form-control">
            <option selected>Lead-Status</option>
            <option>Looking Tenant</option>
            <option>Sell</option>
            <option>Buy</option>
            <option>Looking for Rent</option>
          </select>
        </div>
    </div>
</body>
</html>

我试图调试它。但是我仍然不明白为什么这个CSS被另一个CSS覆盖

我的HTML文件正在链接另一个我甚至没有导入或链接的CSS

0 个答案: