Default :target with CSS

by

Spontaneously I’d have to say that the only solution I can think of is unfortunately using JavaScript. Something like:

<script type="text/javascript">
  if (document.location.hash == "" || document.location.hash == "#")
    document.location.hash = "#updates-list";
</script>

EDIT:

Ok, got a CSS solution. This however requires the default entry #updates-list to be placed last (after #updates-map and any other tabs you may add):

.tab, .tab:target ~ #updates-list  {
  display: none;
}
#updates-list, .tab:target {
  display: block;
}

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 style even and odd elements?
  4. Several elements with the same ID responding to one CSS ID selector
  5. How to target a specific column or row in CSS Grid Layout?
  6. CSS :selected pseudo class similar to :checked, but for elements
  7. Matching the first/nth element of a certain type in the entire document
  8. Using CSS :before and :after pseudo-elements with inline CSS?
  9. Difference in applying CSS to html, body, and the universal selector *?
  10. How can I correctly select the first or the last child with CSS?
  11. A CSS selector to get last visible div
  12. Using :before and :after CSS selector to insert HTML [duplicate]
  13. What is syntax for selector in CSS for next element?
  14. :nth-child(even/odd) selector with class [duplicate]
  15. How to CSS: select element based on inner HTML [duplicate]
  16. What are the priorities among CSS selectors
  17. CSS select elements with partial id
  18. Can a dynamic class be styled using CSS? [duplicate]
  19. Avoiding repeated constants in CSS
  20. Select second last element with css
  21. How do I give a CSS class priority over an id?
  22. How to run the CSS3 animation to the end if the selector is not matching anymore?
  23. Is there a css selector for selecting an element futherup in the html?
  24. How to get CSS to select ID that begins with a string (not in Javascript)?
  25. Is there a reason to use a instead of a:link or a:visited in my stylesheet?
  26. Is there a CSS not equals selector?
  27. Hide element, but show CSS generated content
  28. How can I select elements in CSS by partial ID value?
  29. How can I get a specific number child using CSS?
  30. Why does .class:last-of-type not work as I expect?

Leave a Comment