Как получить элемент по частичным имени класса с CSS? ⇐ CSS

[Anonymous]

Я создаю несколько кнопок CSS и хотел бы стилизовать их как можно короче, поэтому я начал так: < /p>
[class*='mybuttons-button']{
margin-top:5px;
-webkit-border-radius:4px;
-khtml-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
display:inline-block;
padding:6px 12px;
color:#fff;
vertical-align:middle;
cursor:pointer;
}

, что повлияет на все элементы, которые содержат класс My-button .
Теперь я хочу глубоко в нем и сделать это:
[class*='-large']{
padding: 10px 16px;
font-size:120%;
line-height: 1.33;
-webkit-border-radius:6px;
-khtml-border-radius:6px;
-moz-border-radius:6px;
border-radius:6px;
}
[class*='mybuttons-button-color']{
background:blue;
}

Но, поскольку класс -large может появиться в некоторых сторонних CSS, добавленных пользователем, я хотел бы быть более конкретным и вместо этого сказать что-то подобное:
[class*='mybuttons-button-*ANYTHING*-large']
< /code>
Так что мне не нужно делать это: < /p>
mybuttons-button-color-large
mybuttons-button-red-large
mybuttons-button-green-large
mybuttons-button-color-medium
mybuttons-button-red-medium
mybuttons-button-green-medium
< /code>
Кто -нибудь знает способ сделать это? Возможно ли вообще, чтобы прибить среднее слово, вместо этого содержит только?
< /code>
выглядит чище, чем это: < /p>



Подробнее здесь: https://stackoverflow.com/questions/237 ... e-with-css