Андрей Гончаров

через css невозможно в твоем случае. Css может максимум добиться до соседа, не до родителя и тем более не до элемента в другом блоке. Только js.
Вот пример простеньких табов:

// tabs
$(document).ready(function(){
	$('.tab-link').on('click',function () {
		var index = $(this).index();
		select_tab(index);
		return false;
	});
});

function select_tab(index_tab) {
	$('.tab-link').removeClass('active').eq(index_tab).addClass('active');
	$('.tab').removeClass('visible').eq(index_tab).addClass('visible');
}
// tabs

мне больше нравится прям в селекторе писать, сразу видно как элемент модифицируется, и писать меньше.

Начни с prepros. Вероятно, тебе хватит его с головой. Там есть и компиляция на лету и загрузка на хостинг сразу.

Переименовать style.css в _style.scss
Подключить его через:
@import 'style';