How to create a custom CSS class for a specific page template?

The styles are not created in CSS, they are created in page markup.

If your theme and template are coded properly they make use of body_class() function, that will output number of classes for you to make use of in page source.

View source of your page and <body> tag to see what you have available and can target in CSS for your page.

Related Posts:

  1. Is it possible to enqueue a raw CSS string directly from within a template file?
  2. How do I style WordPress pages differently based on the tag used?
  3. Inconsistent `body_class()` function
  4. Getting page output HTML without request (for CriticalCSS, PurgeCSS)
  5. post_class not working with css
  6. Hide Overflow on a Specific WordPress Template
  7. Set line spacing
  8. Outline effect to text
  9. Using CSS for a fade-in effect on page load
  10. Transition of background-color
  11. How to add a color overlay to a background image?
  12. Change color of PNG image via CSS?
  13. css: how to center box div element directly in center?
  14. Transitions on the CSS display property
  15. How to completely remove borders from HTML table
  16. How to get current screen width in CSS?
  17. margin-right is not working with my HTML. How can I center my content?
  18. Overflow Scroll css is not working in the div
  19. Positioning background image, adding padding
  20. CSS Box Shadow – Top and Bottom Only [duplicate]
  21. How to place Text and an Image next to each other in HTML?
  22. What does the “~” (tilde/squiggle/twiddle) CSS selector mean?
  23. Responsive iframe with max width and height
  24. Overflow-x not working
  25. Hexagon shape with CSS3
  26. CSS selector for first element with class
  27. Inbuilt style for jquery-ui-datepicker
  28. Why is style.css not being enqueued?
  29. How to add a class to ul tags created by the WordPress editor Tinymce?
  30. Using theme options to change link colours
  31. How make theme css be first and not plugin css
  32. Hide Front-End Admin Bar Including 32 px Spacing
  33. When enqueing a stylesheet, is it possible to remove the type attribute? [duplicate]
  34. One WordPress and database but multiple subdomains
  35. Collapsible button inside a ul list does work in jsfiddle but not in WP
  36. wordpress in wamp lan doesn’t load css
  37. JavaScript added as link/stylesheet
  38. Is there a default style.css
  39. How to get a value for admin css color either gray or blue
  40. CSS style button For WP Login Function in page template
  41. Adding external stylesheet after ALL other styles
  42. How can I use PurifyCSS to clean WordPress style.css?
  43. WordPress Twenty Fourteen Theme Sidebar
  44. Accessing Style Sheet Comment Like WordPress
  45. Dynamic sidebar nav with current page highlighting
  46. how to setup content on a static frontpage with css and xhtml
  47. Bootstrap in theme
  48. How to integrate my HTML and javascript into my child theme
  49. How to align full div [closed]
  50. Font Awesome icons disappearing [closed]
  51. How to add inline css code with background image in page html code?
  52. Move Sidebar from Above Content To Below When Responsive [closed]
  53. different style sheet for just one page template
  54. Understanding how the class family `inner-container` works
  55. How to deal with logo color on dark mode?
  56. Page layout is broken when viewing search results.
  57. Change Header Image on Blog Post for Mobile View
  58. adding the_custom_logo(); to header
  59. Add second background-image on hover
  60. Apply custom css for user role
  61. override a css style [closed]
  62. How to avoid repeating similar properties for all tds of a table in a wordpress post
  63. Loading bbPress CSS file only on forum directory
  64. Common page width? [closed]
  65. Login validation on wordpress
  66. CSS properties in textarea in the Customizer
  67. WordPress default theme CSS version problem and not loading
  68. Penscratch 2 – changing color of the main block
  69. How can customized CSS on WordPress highlight the blog title in white when it’s not intended?
  70. Are there any CSS classes for the wordpress colours?
  71. Set different css stylesheet for specific pages [duplicate]
  72. Desktop is class List and Mobile is class Grid
  73. how to modify html on homepage (no home-page.php in my theme)
  74. Remove dashicons.min.css conditionally
  75. Remove Parent Style on Carousel
  76. Fonts are not applying
  77. how does additional css rendering work?
  78. Text Not Wrapping Around Right Floated Image [closed]
  79. header background color changed after drop & import database in phpmyadmin
  80. Css style removed but still showing via CDN even after clearing browser cache and purging all caches for site
  81. I cannot make this position properly in WordPress [closed]
  82. How to include backend buttons css on frontend?
  83. vertical menu bar css
  84. After upload on server 404 on all pages, no css
  85. Managing large CSS files [closed]
  86. I need css code to divide my webpage sections into two columns
  87. Images at the same vertical position in multiple columns
  88. css .active dropdown selects all links
  89. background changed after WordPress update
  90. I am trying to apply these CSS rules to x3 Post-ID’s but I can’t get it to work – any idea how I can?
  91. In which file can I find the custom CSS code I entered?
  92. Some times CSS not Applying
  93. use another theme for just one page
  94. CSS does not take effects and it doesn’t show in inspect [closed]
  95. Add Quicksand for mobile devices
  96. Hiding site title for Twentyfifteen sidebar on (responsive) desktop display size
  97. Why is the image in div not displayed in full-size?
  98. How enqueue CSS out of theme folder?
  99. Styling not refreshing for old visitors on WordPress
  100. What is unsafe about this CSS?