Register on the forum now to remove ALL ads + popups + get access to tons of hidden content for members only!

Go Back   Site Owners Forums - Webmaster Forums > Web Programming > Programming General

Notices


Reply
 
Thread Tools Rate Thread Display Modes
Old 08-02-2017, 10:12 PM   #1
ketul
Registered User
 
Join Date: Aug 2014
Location: Bangalore
Posts: 3,106
What Is Grouping In CSS3?

What Is Grouping In CSS3?
ketul is offline   Reply With Quote

Old 08-02-2017, 10:34 PM   #2
reckonbilling
Registered User
 
Join Date: Jul 2017
Posts: 15
Grouping in CSS is a technique used to reduce code redundancy and write clean, concise easy to follow code. There are going to be many instances in which multiple CSS selectors will have the same declarations. In these cases, you can group all the selectors together and write the declarations only one time. For example, if you want to apply the exact same font size and color to three different headings you can write it as shown below. However, this is a waste of space.
reckonbilling is offline   Reply With Quote
Old 08-03-2017, 12:21 AM   #3
crackersguru
Registered User
 
Join Date: Aug 2017
Posts: 155
Grouping makes it possible to apply the same style to multiple HTML elements (Classes/Tag/ID) within a single declaration. It happens by specifying all the selectors separated by commas.

Last edited by crackersguru; 08-03-2017 at 12:33 AM..
crackersguru is offline   Reply With Quote
Old 08-03-2017, 03:31 AM   #4
adityadev
Registered User
 
Join Date: Jul 2017
Posts: 106
Gathering in CSS is a strategy used to lessen code repetition and compose spotless, brief simple to take after code. There will be many cases in which numerous CSS selectors will have similar affirmations. In these cases, you can amass every one of the selectors together and compose the revelations just a single time.
adityadev is offline   Reply With Quote
Old 08-04-2017, 05:05 AM   #5
AliceArifova
Registered User
 
Join Date: Sep 2016
Location: London
Posts: 1,153
Grouping makes it possible to apply the same style to multiple HTML elements (Classes/Tag/ID) within a single declaration.
AliceArifova is offline   Reply With Quote
Old 02-19-2018, 10:43 PM   #6
adityadev
Registered User
 
Join Date: Jul 2017
Posts: 106
By combining the grouping of selectors that share the same declaration and declarations that share the same selector you can apply multiple declarations to multiple selectors. This technique allows you to create compact yet powerful CSS rules.
adityadev is offline   Reply With Quote
Old 02-20-2018, 10:18 PM   #7
samaron
Registered User
 
Join Date: Sep 2017
Posts: 314
Grouping in CSS is a technique used to reduce code redundancy and write clean, concise easy to follow a code. There are going to be many instances in which multiple CSS selectors will have the same declarations
samaron is offline   Reply With Quote
Old 03-14-2018, 06:14 AM   #8
albertomorrison
Registered User
 
Join Date: Dec 2017
Location: Santa Clara, California, USA
Posts: 91
If more than one CSS selectors have same CSS declarations, they can be grouped together. It is a technique used to reduce code redundancy and write clean, concise easy to follow the code. Grouping selectors together make it so easy to re-use CSS code, while maintaining a very high degree of flexibility - if a common rule is used in several places, you can still overrule it by writing a more specific selector.
albertomorrison is offline   Reply With Quote
Reply


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools
Display Modes Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
Thread Thread Starter Forum Replies Last Post
What is the advantage of grouping several checkboxes together? shwetachouhan General Discussion 0 08-01-2017 02:48 AM
How increase the size of the element on mouse hover without using juery with CSS3? arronmattwills Graphic Design 0 02-02-2014 08:52 PM
HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial JavaScriptBank Javascript 2 10-31-2013 08:10 PM
HTML Button with CSS3: Tiny & Helpful Demo plus Tutorial JavaScriptBank Javascript 0 05-27-2013 08:10 PM
HTML5 and CSS3 frameworks? cianfie Programming General 7 10-23-2012 07:47 AM


All times are GMT -7. The time now is 10:46 AM.


Powered by vBulletin Copyright © 2013 vBulletin Solutions, Inc.