我想同时更改 html 中的所有 div 以及 css 中的类名答案

【问题标题】：i would like to change all my div in my html as well as my class name in css at the same time我想同时更改 html 中的所有 div 以及 css 中的类名
【发布时间】：2017-06-23 09:35:41
【问题描述】：

所以我创建了一个带有下拉菜单的水平导航，我只是简单地将我看到的内容涂成红色并自己尝试了它。我已经复制并粘贴了 html 和 css，我已经在我的代码行中更改了 html，它似乎工作得很好，现在我想将 div 名称更改为更常见的名称，因为我要去继续我的 html。

header {
  border: 10px ridge blue
}

.container {
  overflow: hidden;
  background-color: #333;
  font-family: Arial;
}

.container a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
}

.container a:hover,
.dropdown:hover .dropbtn {
  background-color: red;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {
  background-color: #ddd;
}

.dropdown:hover .dropdown-content {
  display: block;
}

<!doctype html>
<html>

<head>
  <meta charset="utf-8" />
  <link rel="stylesheet" href="collegecss.css" />
  <title>college sainte marie </title>
</head>
<script type="text/javascript" src="collegejvs.js"></script>

<body>
  <header>
    <a href="../premierepage.html"><img src="../saintemarie.png"></a>
    <h1>
      <titre>Bienvenue dans le site du Lycée Sainte-Marie</titre>
      <h1>
  </header>
  <nav>
    <div class="container">
      <a href="#">accueil</a>

      <div class="dropdown">
        <button class="dropbtn">information générale</button>
        <div class="dropdown-content">
          <a href="#">inscription</a>


          <a href="#">historique</a>

          <a href="#">accéder au collège</a>

          <a href="#">horaires</a>

          <a href="#">règlement</a>

          <a href="#">tarifs</a>
        </div>
      </div>
      <a href="#">calendrier</a>

      <a href="#">visite</a>

      <a href="#">pastorale</a>

      <a href="#">vie du collège</a>
    </div>
</body>

</html>

我想更改 div 类：“container”、“dropdown”、“dropbtn”和“dropdown-container”。同时，它也会更改 css 类名

有什么建议吗？我正在使用记事本++。

提前谢谢你！

【问题讨论】：

你不能。如果您更改一个，则必须更改另一个以匹配它。否则你就破坏它。
我认为这与 SO x 无关）无论如何，只需将所有内容复制粘贴到记事本中，然后 CTRL+F>replace> 写下您要替换的类和新类的名称> 全部替换
谢谢@user5014677，对我有很大帮助^^
我认为您可以进行一些调整以使您的网站更加用户友好：将您的.dropdown 的背景颜色更改为#333，在您的菜单中添加大写字母并替换“Bienvenue dans" 与 "Bienvenue sur" :)

标签： html css notepad++

【解决方案1】：

你可以试试 ATOM 或 Sublime Text。它可以免费下载。在任何这些编辑器中打开您的文件。使用简单的选择方法制作您的选择模式，并使用“CTRL + D”在整个文件中选择与选择模式相似的文本。将出现多个光标，您可以更改文本。

如果可以解决您的问题，也可以使用简单的 FIND & REPLACE。

【讨论】：

【解决方案2】：

@user5014677 说：我认为这与 SO x 无关）无论如何，只需将所有内容复制粘贴到记事本中，然后 CTRL+F>replace> 写下您要替换的类和新类的名称 > 全部替换

没错^^谢谢@user5014677

【讨论】：