好吧，我们将重复前面的步骤，但我们不会选择所有类别，而是用箭头一一指向，然后从类中复制名称。
通常这些类别与数字相关。在我的例子中，它们将是.cat-item-81、.cat-item-82 和 .cat-item-83。
这些更改将为我们留下以下样式：
在 CSS 中自定义类别颜色
我们只需添加以下代码，更改名称和数字以及我们想要包含在每个类别中的颜色：
.cat-item-81 {
高度：20px ;
背景颜色：#438EEF；
文本对齐：居中；
字体大小：1.2em；
顶部边距：8px ！重要；
颜色：#fff；
}
.cat-item:hover {
背景颜色: #fff ;
颜色：#fff ！重要；
.cat
-item-82 {
高度：20px ;
背景颜色：#58c2d8；
文本对齐：居中；
字体大小：1.2em；
顶部边距：8px ！重要；
颜色：#fff；
}
.cat-item:hover{
背景颜色: #fff ;
颜色：#fff ！重要；
.cat
-item-83 {
高度：20px ;
背景颜色：#F3D662；
文本对齐：居中；
字体大小：1.2em；
顶部边距：8px ！重要；
颜色：#fff；
}
.cat-item:hover{
背景颜色: #fff ;
颜色：#fff ！重要；
}
使用 CSS 隐藏网页元素
很多时候，在我们的设计中，我们有一些我们不喜欢或不想出现的元素，而且我们不知道如何删除它们。
当我们使用构建器设计网页时，很容易让某个元素消失，但是当我们设计不使用构建器的博客时，有些元素是我们不希望出现的，例如日期、评论、对帖子点赞等。
通过 display 属性，我们可以隐藏网页上的元素。
为此，我们必须转到元素检查器并使用箭头搜索要删除的元素。
一旦我们有了它，我们就在类中查找分配的名称并添加属性 display:none;通过以下方式：
.post_comments {
显示：无;
}
我在这里所做的是，在我的博客主页上，不会显示每篇文章的评论数量，因此只会显示日期。
带 CSS 的特色菜单项
您是否访问过某个网站并发现其服务或其他菜单项与众不同？
当然是的。
使用 CSS 自 爱沙尼亚电话号码库 定义菜单
此技术对于吸引用户对我们网站的该页面的注意力非常有用。
请记住将此技术与之前的策略结合使用，以引导用户访问该页面，从而实现您的目标。
我将解释如何在代码中突出显示菜单项。
与以前一样，您必须使用元素检查器识别分配给每个菜单项的类属性。