Как правильно написать селектор с двумя не вложенными классами?

спасибо)

Как правильно написать селектор с двумя не вложенными классами?

Рустам Байназаров, спасибо, сработало)

Глобальная переменная изменяется во вложенной функции,а за пределами остается прежней?

спасибо) поняла суть проблемы, нашла пример варианта решения, но не совсем понимаю как его привязать к своей функции

<form name="form">
  <input type="text" name="name" value="Ваше имя">
  <input type="text" name="surname" value="Ваша фамилия">
</form>
<style>
  .focused {
    outline: 1px solid red; }
</style>

<script>
  function onFormFocus() {
    this.className = 'focused';
  }
  function onFormBlur() {
    this.className = '';
  }
  var form = document.forms.form;

  if (form.addEventListener) {
    // focus/blur на стадии перехвата срабатывают во всех браузерах
    // поэтому используем их
    form.addEventListener('focus', onFormFocus, true);
    form.addEventListener('blur', onFormBlur, true);
  } else {
    // ветка для IE8-, где нет стадии перехвата, но есть focusin/focusout
    form.onfocusin = onFormFocus;
    form.onfocusout = onFormBlur;
  }
</script>

Как в Slick slider center mode сделать 4 центральных слайда?

нужно сделать по примеру https://jsfiddle.net/wv4f2hda/3/, только чтобы выделенных в центре слайдов было 4