CSS classes: base+additional. How to define?


Tags: css

Problem :

I have a div:

    <div class="navigation mainPage"></div>

I need to specify that: every DIV that has a class "navigation" AND class "mainPage" should have "width: 999px".

Is this possible? thx



Solution :

.navigation.mainPage { width: 999px; }

    CSS Howto..

    HTML/CSS How to auto-adjust the width of my container in order to show several images horizontally displayed?

    How to hide ads with media queries?

    How to reserve a DIV width with “left:100%” CSS rule

    How to display the :after content outside element

    How to override a part of the style in the site.master page?

    How to select only top-level li in recursive menu?

    How can I apply some css for all readonly elements on focus in IE8?

    How to manage css of big websites within team environment without mess?

    how to put img inside circle in html and css?

    LESS: How to specify current tag with nesting?

    How to create a line break instead of having text going on top of itself?

    How to override the default css class using c#

    Styling Tables - How to use column groups to modify TH tag located in that column

    how to arrange div without disturbing the page design

    How to give a nested HTML table cell a transparent background?

    How to fade CSS sprite images using CSS background-position with jQuery?

    How can I ensure this CSS transition animates

    How to change custom Check Box border with Dart

    CSS: How to toggle switch action on the link?

    CSS Select element, how to disappear the arrow?

    PrimeFaces 3.0 - How do I override the default opacity of a dialog overlay?

    How to create a button with a CSS-animated background?

    How to mail HTML/CSS output as attachment?

    How to get Google menu buttons like styling using CSS

    How do prevent my div from spilling outside its parent container?

    How do I override * asterisk for css?

    How to use the computer modern font in webpages?

    How can I read a CSS property value using Javascript?

    How to exclude styles for a some specific elements using css?

    How do I use CSS to let one or more elements fill remaining space?