как выбрать элемент, который имеет определенный класс?

<p>насколько я понимаю, использование <code>element.class</code> должно позволять определенному элементу, назначенному классу, получать "стилизацию", отличную от остальной части класса. это не вопрос о том, следует ли это использовать или нет, а скорее я пытаюсь понять, как этот селектор предназначен для работы. просматривая множество примеров в интернете, я считаю, что синтаксис правильный, и не понимаю, почему это не работает.</p><p>вот пример:</p><p>css:</p><pre><code>h2 { color: red; } .myclass { color: green; } h2.myclass { color: blue; } </code></pre><p>html:</p><pre><code><h2>this header should be red to match the h2 element selector</h2> <div class="myclass"> <h1>this header should be green to match the class selector</h1> <h2>this header should be blue to match the element.class selector</h2> </div> </code></pre>

<p>должно быть так:</p><p><code>h2.myclass</code> ищет h2 с классом <code>myclass</code>. но вы на самом деле хотите применить стиль для h2 внутри <code>.myclass</code>, чтобы вы могли использовать селектор потомков <code>.myclass h2</code>.</p><pre><code>h2 { color: red; } .myclass { color: green; } .myclass h2 { color: blue; } </code></pre><h3> <a href="http://jsfiddle.net/seqcn/">демо</a> </h3><p>это <a href="http://www.w3.org/tr/css2/selector.html">ссылка</a> даст вам некоторое представление о селекторах и взглянет на <a href="http://www.w3.org/tr/css2/selector.html#descendant-selectors">потомки селекторов</a> </p>

<p><code>h2.myclass</code> ссылается на все <code>h2</code> с <code>class="myclass"</code>.</p><p><code>.myclass h2</code> относится ко всем <code>h2</code>, которые являются дочерними (т.е. вложенными в) элементами с <code>class="myclass"</code>.</p><p>если вы хотите, чтобы <code>h2</code> в вашем html отображался синим цветом, измените css на следующее:</p><pre><code>.myclass h2 { color: blue; } </code></pre><p>если вы хотите иметь возможность ссылаться на этот <code>h2</code> по классу, а не по его тегу, вы должны оставить css как есть и присвоить <code>h2</code> класс в html:</p><pre><code><h2 class="myclass">this header should be blue to match the element.class selector</h2> </code></pre>

<p>селектор element.class предназначен для стилевых ситуаций, таких как эта:</p><pre><code><span class="large"> </span> <p class="large"> </p> .large { font-size:150%; font-weight:bold; } p.large { color:blue; } </code></pre><p>ваши span и p будут назначены font-size и font-weight из .large, но синий цвет будет назначен только p.</p><p>как уже отмечали другие, вы работаете с потомками.</p>

<p><code>h2.myclass</code> действителен только для элементов <code>h2</code>, которым был присвоен класс <code>myclass</code>.</p><p>вы хотите отметить это так:</p><pre><code>.myclass h2 </code></pre><p>который выбирает всех потомков <code>myclass</code>, которые имеют тэг <code>h2</code></p>