twitter/bootstrap — Issue #1460: [2.0-wip] new icon selector [class*="i-"] interferes with custom classes that contains "i-"
Author: aozora
Created: 2012-01-31 09:17:39+00:00
State: open

With the latest changes, If in my html I have some elements with a custom class like, i.e., class="mini-loader" I see that also the styles for [class*="i-"] is applied; an example:

```css
[class*="i-"]:last-child {
}
.mini-loader {
margin-left: 20px;
margin-top: 20px;
}
[class*="i-"] {
background-image: url("../img/glyphicons-halflings.png");
background-position: 14px 14px;
background-repeat: no-repeat;
display: inline-block;
height: 14px;
vertical-align: text-top;
width: 14px;
}
```
The selector [class*="i-"] as w3c defines it, apply to element whose "class" attribute value **contains** the substring "i-".
I suggest otherwise to change the selector to [class^="i-"] that applies to element whose "class" attribute **begins** with the string "i-"