用户通过选择器更改之前，默认显示的div。

可以使用JavaScript和CSS结合的方式来实现这个效果。以下是一个示例代码：

HTML部分：

<div id="default-div">默认显示的div</div>

<button onclick="changeDiv()">更改div</button>

CSS部分：

.hide {
  display: none;
}

JavaScript部分：

function changeDiv() {
  var defaultDiv = document.getElementById("default-div");
  defaultDiv.classList.add("hide");

  // 根据选择器获取用户选择的div，并显示出来
  var selector = document.getElementById("selector").value;
  var selectedDiv = document.querySelector(selector);
  selectedDiv.classList.remove("hide");
}

在这个示例中，我们首先定义了一个默认显示的div，并且给它设置了一个id为"default-div"。然后，我们定义了一个按钮，当用户点击按钮时会触发changeDiv()函数。

changeDiv()函数会先获取到默认显示的div，并为它添加一个名为"hide"的CSS类，使它隐藏起来。然后，根据用户选择的选择器，使用querySelector()方法获取到用户选择的div，并为它移除"hide"类，从而显示出来。

注意：在实际使用中，应根据具体需求修改选择器的获取方式和显示方式。以上示例仅为演示目的。