php 테이블 숏코드 css 문의

add_shortcode('recommend', 'recommend_table');
function recommend_table($atts=array()){
	global $wpdb;
	
	$results = $wpdb->get_results("SELECT *FROM recommend");
	// $wpdb->get_results()를 사용하면 DB에서 여러줄 데이터를 가져올 수 있습니다.
	
	?>
	<table >
	<style type = "text/css">
	table {
 	
  	border-top: 1px solid #dddddd !important;
  	
	}

   	th {
    text-align: center !important;
 	color: green !important;
 	border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;

  }
  td {
    text-align: center !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
  }
    </style>

 
	<tr>
		
		<th>종목명</th>
		<th>매수일</th>
		<th>매수가</th>
		<th>목표가</th>
		<th>손절가</th>
		<th>최종보유일</th>
	</tr>

이런식으로 php 코드를 작성해서 밑에 물론 더 있지만 테이블을 숏코드로 디비 테마에 띄었습니다.
그런데 css가 적용이 되지않는데 어떻게 해야할까요?

워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요
워드프레스 에러 기술지원 서비스 전문가에게 맡기세요