Today I learnt: You can target css stuff based on what it starts with…

WHO KNEW…I’ve only been doing css for….well let’s not think about that…but yeah, there are still new CSS3 stuff that I keep finding…and this is today’s little gem thanks to Alex here at Flatcap!

.footer-wrapper i[class^="mk-"] {
float: left;
width: 20px;
padding-top: 3px;

The above code will target all the i elements within the .footer-wrapper starting with .mk-….

So all of these icons will now be effected:

Key Features
Local Ales
Freshly Cooked Food
Beer Garden
Bed & Breakfast
Close to Lake Coniston

I think I’m going to quite like this one! Cheers Alex!

Leave a Reply

Your email address will not be published. Required fields are marked *