CSS是前端开发中非常重要的一环，其中字体颜色的设置更是不可或缺。而使用CSS点击获得字体颜色，也是一种很常用的实现方法。
以下是一段示例代码，可以使用JS或jQuery来实现点击改变字体颜色：
<html>
<head>
<style>
.colorful-text {
color: black;
}
</style>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<p class="colorful-text">这是一段黑色字体的示例文本</p>
<button id="change-color-btn">点击改变颜色</button>
<script>
$('#change-color-btn').on('click', function() {
$('.colorful-text').css('color', 'red');
}
);
</script>
</body>
</html> 在上述示例代码中，使用了一个class为“colorful-text”的p标签，来定义一个黑色字体。接着使用了jQuery中的.on()方法，当指定的按钮被点击时调用定义的函数，该函数使用了jQuery中的.css()方法，来将class为“colorful-text”的元素的颜色改变为红色。
当然，以上是仅仅是一个简单的示例。使用CSS点击获得字体颜色，还有很多其他的实现方法和更加丰富的样式效果。
