css 过滤 |css如何使用精灵图

/* 隐藏元素 */
.hidden {
display: none;
}
/* 显示元素 */
.visible {
display: block;
}
/* 过滤元素 */
.filter {
opacity: 0.5;
}

在CSS中，通过选择器来选定需要过滤的元素。例如，可以通过class选择器选定一组元素来控制它们的显示效果。上述代码中，选择器.hidden会选定所有class为hidden的元素，并将它们的display属性设置为none，从而隐藏这些元素。

同样，选择器.visible选定所有class为visible的元素，并将它们的display属性设置为block，从而显示这些元素。而选择器.filter则选定所有class为filter的元素，并将它们的opacity属性设置为0.5，从而过滤掉这些元素的一部分内容。

CSS过滤技术非常有用，在Web开发中经常会用到。通过巧妙地运用各种选择器和属性，可以轻松地控制页面的显示效果，提高用户体验。