div要素 

HTMLソース

<div>div要素</div>

CSSコード

	div { }
	
	div::before {
	content:"これは疑似要素before";
	border: solid 1px green;
	}
	
	div::after {
	content:"これは疑似要素after";
	border: solid 1px orange;
	}
	
	div:hover::before {
	content:"これは疑似要素before";
	color:green;
	}
	
	div:hover::after {
	content:"これは疑似要素after";
	color:orange;
	}