If you want two classes on one element, do it this way:
<div class="social first"></div>
Reference it in css like so:
.social.first {}
Example:
More Related Contents:
- How to override the properties of a CSS class using another CSS class
- Styling elements with a dot (.) in the class name
- How to override the properties of a CSS class to avoid copying and renaming styles
- CSS class and id with the same name
- CSS positioning things differently between browsers [closed]
- Complex CSS selector for parent of active child [duplicate]
- Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
- How do I conditionally apply CSS styles in AngularJS?
- Why did Bootstrap 3 switch to box-sizing: border-box?
- Centering brand logo in Bootstrap Navbar
- CSS: fixed position on x-axis but not y?
- How to create equal height columns in pure CSS [duplicate]
- how to properly display an iFrame in mobile safari
- draw diagonal lines in div background with CSS
- Defined Edges With CSS3 Filter Blur
- css z-index issue with nested elements
- Replacing H1 text with a logo image: best method for SEO and accessibility?
- Remove Safari/Chrome textinput/textarea glow
- CSS: Animation vs. Transition
- CSS for star ratings via FontAwesome
- How to get these two divs side-by-side?
- How does the CSS specificity work? [duplicate]
- Hover on child should turn off hover effect on parent [duplicate]
- iOS 7 iPad Safari Landscape innerHeight/outerHeight layout issue
- How can I create multi columns from a single unordered list?
- Vertically align Bootstrap badge inside heading
- CSS Floating Divs with different height are aligned with space between them
- Media Queries – Mobile vs Desktop Browser
- Dynamically updating css in Angular 2
- How to specify table’s height such that a vertical scroll bar appears?