Shulou(Shulou.com)06/01 Report--

Xiaobian to share with you how to edit the style on a single page in CSS, I believe most people still do not know how, so share this article for everyone's reference, I hope you have a lot of harvest after reading this article, let's go to understand it together!

If you have a CMS and you want some of your posts to look different from others, you can use custom classes to override the CSS style of your site. This ensures that you adjust only one post page, leaving the others as defaults.

When you create a post on a WordPress blog, it includes the id of the post as a class in the body, for example:

Then you can change the style of that post page by making changes like this:

.postid-330 { font-size: 24px; font-weight: 750; color: red;}

Other popular CMSs allow you to add custom classes to individual posts. For example, Ghost allows you to mark posts as featured posts and add the.featured class.

However, if you find yourself using this approach frequently, it's best to modify the main CSS stylesheet to avoid writing unnecessary code.

This doesn't just apply to CMS -if you have a simple website with multiple HTML files, you can apply custom styles to elements throughout the project and tweak them with the same CSS files.

For example, if you have a page with class.landing:

Landing Page Landing Page

My landing page.

index.html

Another about page:

About Page About Page

My about page.

You can add it to the main style sheet to adjust styles only on about pages:

.about { font-size: 24px; font-weight: 750; color: red;}

css/style.css

That's all for "How to edit styles on a single page in CSS." Thanks for reading! I believe that everyone has a certain understanding, hope to share the content to help everyone, if you still want to learn more knowledge, welcome to pay attention to the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.