Modernizr and WordPress – How can I add a CSS class to the html element?

This is not exactly the answer, but you can use a hook for language_attributes filter. This action is fired at <html> tag and what it does is simply echo the lang=en string, for ex. You can hook to that and replace the string with your CSS class, like this:

add_filter('language_attributes', 'modernizr');
function modernizr($output) {
    return $output . ' class="no-js"';
}

This works only when your theme follows the WordPress Theme Development Checklist. Sometimes people don’t follow this and that breaks the technique.

Related Posts:

  1. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
  2. How to get these two divs side-by-side?
  3. What is the difference between the selectors “.class.class” and “.class .class”?
  4. How do I horizontally center a span element inside a div
  5. Is background-color:none valid CSS?
  6. Float a div above page content
  7. Text not wrapping inside a div element
  8. How to make padding:auto work in CSS?
  9. How to vertically center
  10. How can I horizontally align my divs?
  11. background-size: cover not working?
  12. CSS not working in Chrome
  13. Pure CSS to make font-size responsive based on dynamic amount of characters
  14. CSS – display: none; not working
  15. Is there an opposite to display:none?
  16. font-weight is not working properly?
  17. What would be the best method to code heading/title for ul or ol, Like we have caption in table?
  18. How to enqueue style before style.css
  19. wp_enqueue_scripts, wp_register_scripts, wp_print_scripts: i’m confused
  20. What is the correct way to enqueue multiple CSS files?
  21. front-page.php stylesheet
  22. How to Add Admin Bar and Admin Menu or Submenu Notification Bubbles?
  23. How to Edit the Order of Global Colors in Elementor? [closed]
  24. WordPress Displaying Thumbnails Vertically
  25. Why do WordPress default themes specify fonts in so many places?
  26. How do I make Div Container 100% width only on homepage of site?
  27. CSS in child theme not getting loaded
  28. CSS ?ver=4.6.1 not updating
  29. TwentyTwelve versioning
  30. Changing Font-Size based on specific Font thru javascript
  31. How to get child style.css to load last rather than second behind parent style.css?
  32. Relative file paths in CSS when linking directly (not enqueuing)
  33. Remove Genericons Helper CSS from twentyfourteen theme
  34. How do I style WordPress pages differently based on the tag used?
  35. How to make Custom Walker for wp_nav_menu() for materialize framework
  36. Use stylesheet from a different location
  37. Is there a filter for editor-style.css file?
  38. Custom CSS class or ID on menu items that have a Submenu
  39. Different ways to load child theme css
  40. Importing changes to Child Theme
  41. Can you edit WP gutenberg block css without a plugin?
  42. Style internal links based on the tags of the linked post
  43. How to override Bootstrap css with my child theme css in wordpress?
  44. How to stop Gutenberg from outputting inline CSS for specific blocks?
  45. Move the position of menu item [closed]
  46. “Scattered” gallery
  47. WordPress adding inline style can’t remove it
  48. How to enable table overflow scroll? (especially order list table)
  49. Change background color of subpages
  50. How to edit the default icon of Add Media button?
  51. How to fix this error? [closed]
  52. Faster fonts on mobile
  53. Reduce white space in twenty fourteen
  54. How to make WordPress using local CSS/Fonts/Scripts only
  55. How to know which order WordPress places CSS files?
  56. Placing background image over section divider
  57. How to remove the gap on right side of webpage (using Bootstrap with WordPress)?
  58. WordPress CSS problems with controls
  59. Remove CSS & JS from
  60. Show class from css in format dropdown
  61. All of my custom Bootstrap styles are not working in my child theme!
  62. Aligning line made with CSS [closed]
  63. Earlier stylesheet not overriding later one
  64. With over a page of content the footer remains where the bottom of the screen was at top scroll
  65. Overwriting forced wordpress CSS styles [closed]
  66. How to add/insert a class to a sidebar in single.php?
  67. Customizing WP-syntax to get custom colors
  68. Sidebar missing from Homepage
  69. W3TotalCache and Javascript — what should go where, when?
  70. CSS not being applied
  71. Help with a little CSS logo/header modification?
  72. 2 css files? Theme css file gets override by another css file that I can not edit
  73. WordPress sidebar content moving to bottom of page
  74. custom template display 3 columns
  75. Need to make sidebar responsive only when screen width is greater than 1024px
  76. Does anyone know how to make text fade in when scrolling down, that doesn’t require any plug-ins? [duplicate]
  77. Inclution place of CSS file
  78. Blog page and the Home page showing the same content
  79. Img load while refreshing
  80. WP Admin Bar transparent on some pages (.screen-reader-shortcut)
  81. How to Compress Css/js code in wordpress and increase loading speed?
  82. How to Take Logo Out of Navigation Menu? [closed]
  83. @media applying globally and not separately for each screen width [closed]
  84. Make different border color gallery items
  85. How remove the white space between my menu and slider?
  86. WordPress site using unknown overriding css
  87. Is there any way to turn off a particular scrolling behaviour?
  88. Header formatting works for safari but not chrome @media screen size technique on iphone
  89. Style Switching
  90. Adding a css style to the main nav menu in child pages
  91. Adding custom css to a theme depending on whether the admin user is logged in or not
  92. Adjusting post width according to the image size
  93. Converting Static HTML pages to WordPress
  94. Background tiles not working in iPad2 but ok everywhere else
  95. To override CSS of parent theme
  96. Can’t override CSS with child theme
  97. [class*=”content”]:before css styles in TwentyThirteen [closed]
  98. How to change the CSS in one file?
  99. Enqueue MCE Editor CSS in admin page
  100. How to remove class=”wp-block-heading” from Heading tags?

Leave a Comment