:draggable = DOM element that has .draggable=true (or whatever is decided on)
:dragging = DOM element that is being dragged (perhaps opacity: 0.5)
:dragging:droppable = DOM element that is being dragged and can be dropped over its current location
:dragtarget / ? = container that allows for the current dragging element to be dropped upon it (border: 2px dotted red)
:dragged = the original DOM element that was dragged, in its original position (it would be up to script to determine whether or not to remove it or whatever else)
After thinking about it more, it seems that this list is incomplete.
:dragtarget:droppable = the currently dragging element can be dropped over this element. (border: 2px dotted green)
And instead, make :dragtarget generic for all drag targets for the currently dragging element.
:dragtarget = a valid drag target for the currently dragging element--the dragging element is in this drag target's droppable list. (border: 2px solid blue)
--
Brad Fults
NeatBox