Condition based on data-target selector?



I want to fire a rule when someone clicks on the Accessories link (see screenshot below). There is no specific class or ID i can use (each page is using a different ID for the same link) but, if I could trigger the rule based on the data-target="#accessories" selector, it should work. Any idea on how to do this?

Screenshot 2018-08-08 14.07.27.png

Accepted Solutions (1)

Accepted Solutions (1)



Hi richm,

The basic selector you'd need to broadly target all links with data-target="#accessories":


If there are other links on the page using that data-attribute and you want to exclude them from your rule, you can leverage the parent div with ID #recommendations and other classes assigned to parent elements to make the selector more specific to that section, for example:

div#recommendations ul li a[data-target='#accessories']