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; } 

demo

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

Popular posts from this blog

user interface - How to replace the Python logo in a Tkinter-based Python GUI app? -

objective c - Greedy NSProgressIndicator Allocation -

how to set an OCR language in Google Drive -