Imagine having a code snippet like this:
<style>
#container ul li{ font-size:50px;}
.myclass1 ul li{ font-size: 20px;}
</style>
<div id="container">
<ul>
<li>
<div class="myclass1">
<ul>
<li>Something 1</li>
<li>Something 3</li>
<li>Something 3</li>
</ul>
<ul class="myclass2">
<li>Something 1</li>
<li>Something 3</li>
<li>Something 3</li>
</ul>
</div>
</li>
</ul>
</div>
In this scenario, the goal is for the block with class myclass2 to inherit or replicate the li style properties of the default Twitter Bootstrap's ul and li values.
Essentially, myclass2 should equate to Twitter Bootstrap's default li styles.
Normally, using Bootstrap's default styles for myclass2 would involve resetting it and writing additional code.
The desired outcome is to easily apply Bootstrap's default ul, li behaviors to myclass2 without repetitive coding.
This feature would be beneficial for users of Twitter Bootstrap.
ADDITION: For a real-life example, please visit
Within the 'PRODUCTS' section, the styling of li and ul tags is inherited. However, the preference is to utilize the default Bootstrap values. How can this be achieved?