<p dir="auto">I was using Twitter Bootstrap on a recent project and had a page with a body class of "page_spanish".  After a ton of troublshooting, I determined that a bootstrap selector was picking up the "span" inside of the class and it was messing up the layout of the page.</p>
<p dir="auto">Can the selector for this be made more narrow so it won't pick up class names that contain "span" somewhere in them?</p>
<p dir="auto">The CSS selector <code class="notranslate">[class*="span"]</code> is targeting elements beyond its intended scope.</p>
<p dir="auto">In my particular scenario, I have a Wordpress site which adds a class equal to the post slug to the <code class="notranslate">body</code> element. So, when the user creates page entitled "Spanish", a class of <code class="notranslate">spanish</code> is added to the <code class="notranslate">body</code> element. And so the entire page is floated left with a 20px negative left margin!</p>