How to create a group of css multiple classes same style?

Dung Do Tien Aug 01 2021 163

Hi Guys, I just began to study CSS(Cascading Style Sheets). I have a problem, I have three classes as below:

h1{
   color: #333;
   font-family: 'arial';
}

h2{
   color: #333;
   font-family: 'arial';
}

p{
   color: #333;
   font-family: 'arial';
}

You can see they are in the same style. I feel they're so long and redundant of code. How to create a group css multiple classes with the same style? 

Thanks for any suggestions.

Have 2 answer(s) found.
  • S

    Sáng Cao Aug 01 2021

    h1, h2, p{
   color: #333;
   font-family: 'arial';
}

    It's what are you looking for!!

  • Đ

    Đặng Thanh Tuấn Aug 01 2021

    You can use a comma , to help define many classes, ids have the same style. For example:

    h1, h2, p{
   color: #333;
   font-family: 'arial';
}

     Or

     a, #id, p.heading{
   color: #333;
   font-family: 'arial';
}

Related Q&A May You Like

  1. How to center text of <p> tag html using CSS?
  2. how to remove bullets from ul Html tag in css?
  3. How do I change the background opacity in CSS?
  4. How can I change the font size for labels in HTML?
  5. How to add a custom font into Html using CSS?
  6. What is the difference between class and id selector in CSS?
  7. Detected package downgrade: Microsoft.NETCore.Platforms from 3.0.0 to 3.0.0-preview.19073.11
  8. Error: 'App' is not defined react/jsx-no-undef in React
  9. Error module not found: Can't resolve 'react' in ReactJs
  10. Can't bind to 'ngModel' since it isn't a known property of 'input' in Angular
  11. TypeError: ‘tuple’ object is not callable in Python
  12. Error: Cannot find module '@angular-devkit/core' in Angular 9
  13. ValueError: Object arrays cannot be loaded when allow_pickle=False in Python
  14. TypeError: coercing to Unicode: need string or buffer, NoneType found in Python
  15. ReferenceError: $ is not defined in Angular version 11
Leave An Answer
* NOTE: You need Login before leave an answer

* Type maximum 2000 characters.

* All comments have to wait approved before display.

* Please polite comment and respect questions and answers of others.

Most Quizs Popular

Start Test

Javascript - Functions

Start Test

Asp.Net Core - Exam test 01

Start Test

Asp.Net Core - Exam test 02

Start Test

C# - Level Beginner

Popular Tips

This site uses cookies so that we can remember you and understand how you interact with our website. This allows us to improve and customize your browsing experience. See our Cookies Policy.
X Close