Вот ещё вариант...
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<style>
.tabs {
border: 1px solid;
}
.tabs:not(:hover) .tab_item.active, .tab_item:hover {
color: red;
}
</style>
</head>
<body>
<div class="tabs">
<div class="tab_item tab_item_1 active">
<div class="tab_name">текст 1</div>
</div>
<div class="tab_item tab_item_2">
<div class="tab_name">текст 2</div>
</div>
<div class="tab_item tab_item_3">
<div class="tab_name">текст 3</div>
</div>
</div>
</body>
</html>