If a selected element’s location changes on page load (ex: more divs are dynamically added above it), what is a best practice to ensure the selected element is in the right location in the DOM selector on DOM ready?
A) Manually enter the pre-modified element through the Element Selector.
B) Use a less fragile selector e.g. Fragile selector: #container>div:nth-of-type(2)>div:nth-of-type(2)>a>img Less fragile selector: a>img[src=”imageURL.jpg”]
C) Use the keyboard shortcut “Shift” to select both the premodified element and the modified element
D) Select the modified element.
https://www.youtube.com/watch?v=Fd8HSWPkh7M
