olya_097

Меняют цвет все. Просто не видно - правую границу перекрывает следующий элемент.

Увеличивайте label'ам z-index при hover'е.

https://codepen.io/angryyum/pen/RwNprJP Как-то так если правильно понял идею

<svg height="20" viewBox="0 0 360 120" version="1.1"
  xmlns="http://www.w3.org/2000/svg">
  <circle cx="60" cy="60" r="50"/>
  <circle cx="180" cy="60" r="50"/>
  <circle cx="300" cy="60" r="50"/>
</svg>

Заменить на

label:after {
    content: '';
    position: absolute;
    font-size: 25px;
    border-color: red;
    border-style: solid;
    border-width: 0 0.35em 0.35em 0;
    height: 1em;
    top: 2px;
    left: 12px;
    transform: rotate(45deg);
    width: 0.7em;  
}

border-radius: 5px; - закруглит углы. но на картинке они похоже на ровные. поэтому не указал

array_merge()
range()
array_rand()

Чтобы создать массив из чисел с 65 по 90 и с 97 по 122.

Что именно не понятно?

"use strict";
        // jquery
        $(".info__item").each((i, item) => $(item).attr("data-index", i));

        // js
     //    document.querySelectorAll(".info__item").forEach((el, i) => {
    	// 	el.setAttribute("data-index", i);
    	// });

но от меня требуют чтобы псевдо закрывал только фон

если я правильно понял ваши формулировки и за что обычно бьют по рукам, так это у вас невозможно выделить текст в блоках, т.к. сверху перекрывает псевдоэлемент, добавьте стиля к псевдоэлементу:

.start__image:after {
  pointer-events: none;
  touch-action: none;
}

сделать типа .start__item-wrapper и поставить фон у него, убрать у общего родителя

https://codepen.io/Nolis/pen/RwNbKxz (наглядненько, тут можно поиграться)

2, 6, 10, 14

• nth-child(4n-2)
  

1, 5, 9, 13

• nth-child(4n+1)
  

:nth-child(4n+1)?

Вот еще вариант, проверяет номер написанный в любом формате со скобками вокруг кода и без с пробелами и с тире и с + в начале и без

var str = '90553334849';
alert(/^\+?9[ -]?\(?05[58]\)?[ -]?\d{3}[ -]?\d{2}[ -]?\d{2}$/.test(str));

UPD:
вот проверка (одной регуляркой в одну строку) по массиву кодов

var str = '9(055)3334849';
var allow = ['055','058'];
alert((new RegExp('^\\+?9[ -]?\\(?('+allow.join('|')+')\\)?[ -]?\\d{3}[ -]?\\d{2}[ -]?\\d{2}$')).test(str));

UPD3:
Почитайте: https://developer.mozilla.org/en-US/docs/Web/JavaS...
в разделе "Special characters in regular expressions." расписаны все спецсимволы, которые используются в регулярных выражениях.
про конструктор new RegExp там тоже есть...

кокретно в последнем примере:
т.к. регулярку нам надо создавать "динамически", то используется конструктор new RegExp , который из строки создает и возвращает регулярку и уже у нее вызывается метод .test()
про строку - в строке спецсимволы \ необходимо экранировать (предварять) символом \
в строку регулярки мы вставляем все коды из массива allow склеенные через символ |
регулярка вида (одно|второе|третье) читается как одно ИЛИ второе ИЛИ третье
в данном случае массив склеивается и реглярка читается как 055 или 058

ну, как-то так... )

Одной регуляркой тут делать не правильно на мой взгляд, поэтому демонстрирую подход максимально развернуто.

Для начала ознакамливаемся с международным форматом телефонных номеров

А после немного кодим

// функция разбирает телефонный номер на части и возвращает их для проверки
function parsePhoneNumber(phoneNumberAsText){
  // через парамерт phoneNumberAsText функция получает текст содержащий номер телефона
  // предположим что обрабатываемое текстовое представление номера телефона
  // может принимать следующий вид (и имеет принадлежность к РФ):
  // "+7 (999) 888-77-55"
  // "8 (999) 888-77-55"
  // "+7 999 888-77-55"
  // "+7999888-77-55"
  // "+799988-777-55"
  // "+799988-77-555"
  // "+79998887755"
  // "89998887755"
  // и т.д.


  // убираем из него все лишнее
  var phone = "+"+phoneNumberAsText.replace(/^8/,"+7").replace(/[^0-9]/,""); 

  // составляем регулярку на основе международного формата телефонных номеров
  var re = /^(\+\d)(\d{3})(\d{7})$/;

  // получаем составные части нашего телефонного номера
  var [phone, country, code, number] = phoneNumber.match(re);
  // где:
  // phone - номер телефона в формате "+79998887766"
  // country - код страны (фикция, данный код будет работать для РФ и еще пары стран, поэтому считаем что тут всегда "+7")
  // code - трехзначный код региона/оператора
  // number - семизначный номер телефона в регионе/у оператора

  // возвращаем полученный результат разбора номера
  return {
    phone: phone, 
    country: country,
    code: code,
    number: number
  };
}

// парсим номер "8 (999) 888-77-66"
var result = parsePhoneNumber("8 (999) 888-77-66");

// на выходе в result получим объект вида
// { phone: "+79998887766", country: "+7", code: "999", number: "8887766" }

// предположим что у вас есть массив с нужными вам кодами регионов/операторов
// allowCodes = ["999", "998" и т.д];

// смотрим совпадает ли код региона/оператора с одним из кодов в allowCodes
if( allowCodes.indexOf(result.code) ){
   console.log("Номер "+result.phone+" принадлежит искомой группе/региону/оператору")
}else{
  console.log("Номер "+result.phone+" НЕ принадлежит искомой группе/региону/оператору")
}

content: attr(data-time);

В принципе вам уже ответили, но вдруг кто у кого нет jq в проекте

<input type="text" onkeyup="this.value = this.value.replace(/[^\d]/g,'');">

<input type="text" class="text">

$('.text').on('input', function() {
    $(this).val($(this).val().replace(/[A-Za-zА-Яа-яЁё]/, ''))
});

$('form input, form input#block2').on('input', function(e) {
  const value = e.target.value;
  $('.catalog__item, .blog__item').each(function() {
    this.style.display = this.textContent.trim().toLowerCase().startsWith(value) ? 'block' : 'none'
  })
})

Если на jsFiddle нажать Run после загрузки то код выполняется корректно
Это говорит о том, что внутренний интерфейс браузера, отвечающий за вывод в консоль, срабатывает после того как объект изменяется.
Если обернуть скрипт в document.onload то он будет работать корректно. Ещё, как вариант, десериализовать объект в строку:console.log( JSON.stringify(object) )
примитивы в JS копируются в памяти, потому вывод будет правильный.
Подробнее про то, как хранятся в памяти типы в JS можно почитать тут (Спасибо Ярослав Иванов )

Для начала, что значит заменить? На что и зачем заменять? Это свойство события event

Примерно так: