cssに関する質問で、gridで作成した表を文字の上をホバーした時にだけ表示にしたいのですがどうすればよいでしょうか？

実現したいこと

gridで作成した表を文字の上をホバーした時に表示にしたいです。

html

ここに文字が入る A B C D

css

.grid-1{
display: grid;
grid-template-columns: 150px 150px;
grid-template-rows: auto auto;
color: white;
font-size: 16px;
}

.item1-1{
background: rgb(0, 0, 0);
}
.item1-2{
background: rgb(0, 0, 0);
}
.item1-3{
background: rgb(0, 0, 0);
}
.item1-4{
background: rgb(0, 0, 0);
}