html - When using an ordered list, how do I apply a style to ONLY the hovered list item, but not the parent? -
for reference: http://jsfiddle.net/47zlm/
i attempted correct using this:
.delete-element-node { visibility: hidden !important; color: #900; float: right; } .dd .dd-item:hover > .dd3-content > span.delete-element-node { visibility: visible !important; } when hover item 16,17 or 18 - applies hover state parent also. want apply style hovered element.
how accomplish this?
change selector to
.dd .dd-item > .dd3-content:hover > span.delete-element-node { visibility: visible !important; } it shown on parent element because targeting .dd-item wrong, should target element itself.
as commented, modify selector to
.dd .dd-item > .dd3-content:hover > span.delete-element-node, .dd .dd-item > .dd-handle.dd3-handle:hover + .dd3-content span.delete-element-node { visibility: visible !important; } demo 2 (will show x on hover of dragger)
Comments
Post a Comment