Selecting a non-adjacent element with :hover. What are the options?

Question

css

There is a 4x4 table (+ a column on the left and a row on top for the delete buttons). It is necessary that when the mouse pointer is inside the table, delete buttons appear opposite the current row and current column. CSS only.

Answer 1

CSS alone will not work vertically, it does not allow jumping to another branch of the dom tree inside the selector, and this is exactly what is meant in this task. Actually, you are already using JS to remove rows / columns, an extra block of code will not ruin your life.