Сейчас в интернете наблюдается тенденция к построению "толстых клиентов". Соответственно без javascript вы такой клиент не сможете сделать.
Javascript нужен:
1. Для общения с сервером без перезагрузки страницы (ajax)
2. Для расширения возможностей css и html (всевозможные библиотеки и плагины, галереи, скроллинги, рич-элементы форм и т.д.)
3. Для контроля действий пользователя (обработка форм, кликов по элементам и т.д.)
4. Всякие специфические штуки (например построение 3-d моделей в браузере, различные интерактивные штуки)
Кроме того, изучив javascript вам в будущем будет проще изучить node.js, а это уже back-end.
Ну и чтобы вы сами осознали, киньте в меня линком на крупный популярный современный ресурс, на котором НЕ ИСПОЛЬЗУЕТСЯ javascript.

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

Когда добавляете сверху border-top: 5px solid #fff;
Добавьте также свойство margin-top: -5px;

Либо можно изначально задавать
border-top: 5px solid transparent;
и при ховере указывать border-top: 5px solid #fff;