这种当我点击这个区域时区域和文字都会变色的效果应该怎么做！

这种当我点击这个区域时区域和文字都会变色的效果应该怎么做！有具体的代码吗，具体模型可以看一下中国大学
MOOC的页面的国家精品那个区域

/* 假设这个区域的class="area" */
    .area:hover{
        background-color: green;
        color: green;
    }