CSS attribute selector does not work a href

by

Use the $ after your href. This will make the attribute value to match the end of the string.

a[href$="https://stackoverflow.com/questions/8850173/.pdf"] { /*css*/ }

JSFiddle: http://jsfiddle.net/UG9ud/

E[foo]        an E element with a "foo" attribute (CSS 2)
E[foo="bar"]  an E element whose "foo" attribute value is exactly equal to "bar" (CSS 2)
E[foo~="bar"] an E element whose "foo" attribute value is a list of whitespace-separated values, one of which is exactly equal to "bar" (CSS 2)
E[foo^="bar"] an E element whose "foo" attribute value begins exactly with the string "bar" (CSS 3)
E[foo$="bar"] an E element whose "foo" attribute value ends exactly with the string "bar" (CSS 3)
E[foo*="bar"] an E element whose "foo" attribute value contains the substring "bar" (CSS 3)
E[foo|="en"]  an E element whose "foo" attribute has a hyphen-separated list of values beginning (from the left) with "en" (CSS 2)

source: http://www.w3.org/TR/selectors/

More Related Contents:

  1. Why doesn’t nth-of-type/nth-child work on nested elements?
  2. CSS negation pseudo-class :not() for parent/ancestor elements
  3. How can I select the last element with a specific class, not last child inside of parent?
  4. How can I style even and odd elements?
  5. Matching the first/nth element of a certain type in the entire document
  6. Using CSS :before and :after pseudo-elements with inline CSS?
  7. Difference in applying CSS to html, body, and the universal selector *?
  8. How can I correctly select the first or the last child with CSS?
  9. A CSS selector to get last visible div
  10. Using :before and :after CSS selector to insert HTML [duplicate]
  11. What is syntax for selector in CSS for next element?
  12. :nth-child(even/odd) selector with class [duplicate]
  13. How to CSS: select element based on inner HTML [duplicate]
  14. What is the performance impact of the universal selector?
  15. What are the priorities among CSS selectors
  16. Why is nth-child selector not working?
  17. Can a dynamic class be styled using CSS? [duplicate]
  18. Default :target with CSS
  19. Can a ::before selector be used with a ?
  20. Avoiding repeated constants in CSS
  21. What is the ::content/::slotted pseudo-element and how does it work?
  22. Select second last element with css
  23. Why does the general-sibling combinator allow toggling pseudo-element’s content, but not the adjacent-sibling?
  24. Is there a css selector for selecting an element futherup in the html?
  25. How to get CSS to select ID that begins with a string (not in Javascript)?
  26. How do I select an element that has a certain class?
  27. Selecting the last element among various nested containers
  28. Is there a reason to use a instead of a:link or a:visited in my stylesheet?
  29. Zebra striping a flexbox table with wrapping items
  30. How to select classes with spaces

Leave a Comment