是否有CSS选择器允许我根据HTML选择选项值选择一个元素？
<select>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<p>Display only if an option with value 1 is selected</p>
我正在寻找一个仅HTML / CSS的方法，只显示选定数量的表单域。我已经知道如何用Javascript。
有没有办法做到这一点？
编辑：
问题标题也许是误导的。我不是想选择框，这是很常见的，已经有很多答案了。我实际上正在尝试设计< P>元素基于< select>中选择的值。
我真正想要做的是根据所选的数值显示一些表单域：
<select name="number-of-stuffs">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<div class="stuff-1">
<input type="text" name="stuff-1-detail">
<input type="text" name="stuff-1-detail2">
</div>
<div class="stuff-2" style="display:none">
<input type="text" name="stuff-2-detail">
<input type="text" name="stuff-2-detail2">
</div>
<div class="stuff-3" style="display:none">
<input type="text" name="stuff-3-detail">
<input type="text" name="stuff-4-detail2">
</div>
当number-of-stuffs = 2时，我想显示div.stuff-1和div.stuff-2，当stuffs = 2时显示div.stuff-1 div.stuff-2和div.stuff-3。
这样的东西fiddle
