You could set the font size in the dt
to 0
(to hide the text node), hide the .unimportant-link
, and then re-set the font size on the .important-link
(to override the 0
font size it would otherwise inherit).
dt {
font-size: 0;
}
dt .unimportant-link {
display: none;
}
dt .important-link {
font-size: 16px;
}
You could alternatively use visibility: hidden;
if you want the space taken up by .unimportant-link
to stay (rather than removing it from flow via display: none;
).