Задание стиля классу, только если пользователь работает под Chrom

[Black_Star]

Добрый день, вот возник интерес как сделать так что б к классу элементу добавлялся стиль, только если пользователь пользуется Chrom браузером.
К примеру так
<p class="backgroundAdd"> </p>

.backgroundAdd {
font-size: 1.3em;
color: white;

}
Если пользователь зашел через Хром то добавить в класс это -

background: linear-gradient(45deg, #38393A 33%, #B7C1D0 66%, #E7EEF9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
Иначе оставить без изменения

[Decode]

Black_Star, вот это в отдельный класс.

background: linear-gradient(45deg, #38393A 33%, #B7C1D0 66%, #E7EEF9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Как определить браузер — http://stackoverflow.com/questions/5...i-using-jquery

Ну и соответственно условие, если хром — добавить класс к элементу.

[Black_Star]

background: linear-gradient(45deg, #38393A 33%, #B7C1D0 66%, #E7EEF9);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

Спасибо за совет, но чёт у меня возникли проблемы. Пока только с определением браузера - Вот код https://jsfiddle.net/zkgz7pwr/1/
Хром и Фаерфокс оно определяет хорошо, а вот Explorer и Opera какие то нелады. + console.log(addElement.classList); показываеть что классы неопределены

[Dilettante_Pro]

Black_Star,

Хром и Фаерфокс оно определяет хорошо

Задание стиля классу, только если пользователь работает под Chrom

Хром определяет хорошо, все остальное - не Хром, что вам еще надо?

[Black_Star]

Мне надо что б оно корректно добавляло класс,

var addElement = document.getElementsByClassName("backgroundAdd");
if (getBrowserId() == 3) {
addElement.classList.add("forChrom");
}

и ещё понять почему пой анализатор не срабатывает на Ех и Оперу. (точнее не правильно)

[Decode]

Black_Star, https://jsfiddle.net/zkgz7pwr/2/