Add Multiple Classes to Your Elements

[mouakter13]

CSS shorthand is a great way to reduce the amount of space your code takes up without having it stop working as it should. You can combine multiple styles on a single line if it makes sense to do so. For example, if you're setting the styles for a particular div, you could list the margin, padding, font, font size, and color all on one line.

Where appropriate, you can also avoid redundancies by adding more than one class to an element. For example, if your page content already floats to the left thanks to the .left class , but you want to position a column on the page to the right, you can add it to the element to avoid confusion and tell CSS specifically which element you want to float to the right in addition to the standard left alignment.

And the best thing is that you can add as many classes as you want to an element, as long as they are separated by a space.

Combine Elements When Possible
Instead of listing elements one by one, combine them to save space belgium whatsapp number data and time. Often, elements in the same style sheet will have the same (or similar) styles. There's no need to list the font, color, and alignment of every text element on the page if they all share the same style. Instead, combine them on a single line like this:

h1, h2, h3, p {
font-family: arial,
color: #00000
}
Avoid Unnecessary Additional Selectors
Sometimes your code gets a little messy while you're working on finalizing your site's design. That's why it's important to go back and remove unnecessary selectors after the fact. You should also be on the lookout for overly complex selectors. For example, if you're styling lists on your website, you don't need to use selectors like "body" or "container" or anything like that. Just .classname li { will do .