styled-jsx/css 스타일 적용

 

 

 

import css from "styled-jsx/css"

const style1 = css`
h2 {
	margin-left: 20px;
}
.class1 {
	font-size: 30px;
}
`;

export default function App1() {
	return (
		<>
			<h2> hello world h1 </h2>
			<p className="class1">
				class1 zone
			</p>
			<p className="class2">
				class2 zone
			</p>
			<style jsx> {style1} </style>
		</>
	);
}