style.css不影响新的页面模板

I have added a new template to my theme folder called login.php.

Here is the code for login.php:

<?php
/**
 * Template Name: login
 * Description: login page
 * @package Backyard Cures
 */
?>

<?php get_header(); ?>

@import url("./wp-content/themes/backyard-cures/style.css")

<div class="all-content">
<div class="all-content-container">    
    <?php wp_login_form(); ?>
    <?php get_sidebar(); ?>
    <?php wp_footer(); ?>

I am having two problems, perhaps they are related.

1) When I open the login page, the chrome developer does not register the all-content and all-content-container divs.

2)When I try to style the elements in login.php using style.css those changes don't show. In fact, the chrome developer does not seem to be registering any css at all.

Thanks in advance

@import will only work when used within a css file. To include the css on your page you need to do something like:

<link rel="stylesheet" type="text/css" href="./wp-content/themes/backyard-cures/style.css"/>

Are you saying your CSS files is not loading? If so, give bloginfo a try. This will dynamically create the reference for your template directory.

<link href="<?php bloginfo('template_directory');?>/style.css" rel="stylesheet">

It's a handy little WP API http://codex.wordpress.org/Function_Reference/bloginfo

Change your import css to
<link rel="stylesheet" type="text/css" href="<?php bloginfo('template_url') ?>/style.css" />
And don't forget to close you divs </div>

Generally @import only work when you use it within a css file. To include the css with in your page you need to include it like:

<link rel="stylesheet" type="text/css" href="./wp-content/themes/backyard-cures/style.css"/>

You can read more about @import at http://gajjar.me/1tkqiLg

I hope this helps.