JSFiddle - React, Tailwind, and code Playground

by Anastasiya Mikulskaya

HTML

<div class="content html_format">
		<img class="bird eloow" src="http://habrastorage.org/storage2/145/277/c3e/145277c3ef9795a38135b6718eb7169c.png"/>
    <p>	Распределенные системы контроля версий (DVCS) постепенно замещают собой централизованные. Если вы еще не используете одну из них — самое время попробовать. </p>
	<br/>
	В статье я постараюсь показать, как можно быстро начать экспериментировать с git, используя сайт github.com.<br/>
	<br/>
	В статье не будут рассмотрены различия между разными DVCS. Также не будет детально рассматриваться работа с git, по этой теме есть множество хороших источников, которые я приведу в конце статьи.<br/>
	<a name="habracut"></a><br/>
    <img class="bird crack" src="http://habrastorage.org/storage2/145/277/c3e/145277c3ef9795a38135b6718eb7169c.png"/><br/>
    <p>Итак, сайт github.com позиционируется как веб-сервис хостинга проектов с использованием системы контроля версий git, а также как социальная сеть для разработчиков. Пользователи могут создавать неограниченное число репозиториев, для каждого из которых предоставляется wiki, система issue tracking-а, есть возможность проводить code review и многое другое. GitHub на данный момент <a href="http://habrahabr.ru/blogs/Git/120535/">является</a> самым популярным сервисом такого рода, обогнав Sourceforge и Google Code.</p>
</div>

CSS

img[src$='.png'][class^='bird'][class*='crack']{
     border:3px solid red;  
  }
img[class^="bird"] +p{
       color:blue; 
   }