Buongiorno,
un aiuto base per collegare una classe al css.

Io ho:

html
codice:
<input id="addresspicker_map" class="form-control">
A questo input collego il dropdown-menu

css
codice:
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0px;
  margin: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 60px;
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 0;
  border: 1px solid #AAAAAA;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 0px;
}
Con questo codice va benissimo però qualsiasi altro dropdown-menu presente nella pagina prende lo stesso css.
Vorrei quindi legare quel css solo a quell'input.

Ho provato così ma non va.

html
codice:
<input id="addresspicker_map" class="addresspicker_map form-control">
css
codice:
.addresspicker_map .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  padding: 0px;
  margin: 0px;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 60px;
  height: 100px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 0px 0;
  border: 1px solid #AAAAAA;
  font-size: 14px;
  text-align: left;
  list-style: none;
  background-color: #ffffff;
  box-shadow: 0px 0px 0px;
}
Cosa sbaglio?

Fatemi sapere.
Grazie mille.