Complete separate style.css for each page template

<?php
if ( is_page_template(‘page.php’)) { ?>
<link rel=”stylesheet” type=”text/css” rel=”nofollow” href=”<?php bloginfo(‘template_directory’); ?>/style.css” />
<?php } ?>

<?php
if ( is_page_template(‘nosidebar.php’)) { ?>
<link rel=”stylesheet” type=”text/css” rel=”nofollow” href=”<?php bloginfo(‘template_directory’); ?>/nosidebar.css” />
<?php } ?>

<?php
if ( is_page_template(‘nopostpage.php’)) { ?>
<link rel=”stylesheet” type=”text/css” rel=”nofollow” href=”<?php bloginfo(‘template_directory’); ?>/nopostpage.css” />
<?php } ?>

<?php
if ( is_page_template(‘homepage.php’)) { ?>
<link rel=”stylesheet” type=”text/css” rel=”nofollow” href=”<?php bloginfo(‘template_directory’); ?>/homepage.css” />
<?php } ?>

This will assign a different css file for each of your pages,
of course all the page templates and its CSS files have to be created before using.


separate style.css for each page