Можно ли увидеть в браузере все стили примененные к элементу

Да, можно. В DevTools (Chrome/Firefox) есть несколько способов:

1. Инспектор элементов:
   • Выделить элемент (ПКМ → "Просмотреть код")
   • Во вкладке "Styles" отобразятся все CSS-правила, включая наследованные и переопределенные

2. Computed вкладка:

   • Показывает итоговые вычисленные стили после применения всех правил
   • Фильтр по свойствам вверху

3. Консоль JavaScript:

// Получить все стили элемента
const styles = window.getComputedStyle(document.querySelector('div'));
console.log(styles.backgroundColor); // конкретное свойство

Стили группируются по источникам (инлайн, таблицы стилей), перечеркнутые - переопределены. Есть фильтрация и поиск по свойствам.