<p>You can use more than one css class in an HTML tag in current web browsers, e.g.:</p>

<pre><code>&lt;div class="style1 style2 style3"&gt;foo bar&lt;/div&gt;
</code></pre>

<p>This hasn't always worked; with which versions did the major browsers begin correctly supporting this feature?</p>

[{'answer_id': 61053, 'author': 'Wayne Kao', 'author_id': 3284, 'author_profile': 'https://Stackoverflow.com/users/3284', 'pm_score': 1, 'selected': False, 'text': '<p>Apparently IE 6 doesn\'t handle these correctly if you have CSS selectors that contain multiple class names:\n<a href="http://www.ryanbrill.com/archives/multiple-classes-in-ie/" rel="nofollow noreferrer">http://www.ryanbrill.com/archives/multiple-classes-in-ie/</a></p>\n'}, {'answer_id': 61055, 'author': 'Nathan', 'author_id': 6062, 'author_profile': 'https://Stackoverflow.com/users/6062', 'pm_score': 2, 'selected': False, 'text': "<p>I believe Firefox has always supported this, at least since v1.5 anyway. IE only added full support in v7. IE6 does partially support it, but its pretty buggy, so don't count on it working properly. </p>\n"}, {'answer_id': 61058, 'author': 'Eugene Yokota', 'author_id': 3827, 'author_profile': 'https://Stackoverflow.com/users/3827', 'pm_score': 2, 'selected': False, 'text': '<p>According to <a href="http://www.blooberry.com/indexdot/css/syntax/selectors/spechtml.htm" rel="nofollow noreferrer">blooberry</a>, IE4 and Netscape 4.x do not support this. <a href="http://www.w3.org/TR/1998/REC-html40-19980424/struct/global.html#h-7.5.2" rel="nofollow noreferrer">HTML 4.0 spec</a> says</p>\n<blockquote>\n<p>class = cdata-list [CS]</p>\n<p>This attribute\nassigns a class name or set of class\nnames to an element. Any number of\nelements may be assigned the same\nclass name or names. Multiple class\nnames must be separated by white space\ncharacters.</p>\n</blockquote>\n'}, {'answer_id': 61414, 'author': 'Bryan M.', 'author_id': 4636, 'author_profile': 'https://Stackoverflow.com/users/4636', 'pm_score': 4, 'selected': True, 'text': '<p>@Wayne Kao - IE6 has no problem reading more than one class name on an element, and applying styles that belong to each class. What the article is referring to is creating new styles based on the combination of class names.</p>\n\n<pre><code>&lt;div class="bold italic"&gt;content&lt;/div&gt;\n\n.bold {\n  font-weight: 800;\n}\n\n.italic {\n  font-style: italic;\n{\n</code></pre>\n\n<p>IE6 would apply both bold and italic styles to the div. However, say we wanted all elements that have bold and italic classes to also be purple. In Firefox (or possibly IE7, not sure), we could write something like this:</p>\n\n<pre><code>.bold.italic {\n  color: purple;\n}\n</code></pre>\n\n<p>That would not work in IE6. </p>\n'}]
['https://Stackoverflow.com/questions/61051', 'https://Stackoverflow.com', 'https://Stackoverflow.com/users/3283/']