Title: avoiding @import
Last modified: August 19, 2016

---

# avoiding @import

 *  Resolved [johnhewitt1](https://wordpress.org/support/users/johnhewitt1/)
 * (@johnhewitt1)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/)
 * Hello,
    I am tweaking my website and i was curious about [@import](https://wordpress.org/support/users/import/).
   Google Page speed etc. and other resources mention that [@import](https://wordpress.org/support/users/import/)
   can slow page loading; this is not a major problem for me but i was curious how
   you can write a child theme css without using [@import](https://wordpress.org/support/users/import/)
   to bring in the parent stylesheet? using <link> in headers etc, does not work.
   Perhaps a php function can do it. Can this be done?
 * many thanks

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [K-Fella](https://wordpress.org/support/users/k-fella/)
 * (@k-fella)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037143)
 * If you don’t want to use import, simply copy the content of the parent theme 
   css file into your child theme, then add you own css to the end.
 * The reason people say [@import](https://wordpress.org/support/users/import/) 
   slows page loading is because it’s an extra resource to load for each page view.
   Having only one [@import](https://wordpress.org/support/users/import/) won’t 
   have too much of an impact on page load times.
 *  Thread Starter [johnhewitt1](https://wordpress.org/support/users/johnhewitt1/)
 * (@johnhewitt1)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037145)
 * I never thought of that! 🙂
 * So If my own css rules are below the parent css, am I right that my changed css
   will still override the same css rule of the parent above it?
 * Thanks again
 *  [K-Fella](https://wordpress.org/support/users/k-fella/)
 * (@k-fella)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037172)
 * Yes, providing the rules that come before it don’t have !important in them. But
   you can still override them by using !important yourself.
 *  Thread Starter [johnhewitt1](https://wordpress.org/support/users/johnhewitt1/)
 * (@johnhewitt1)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037193)
 * Thank you for the excellent advice,
 * I shall experiment,
 * Thanks again
 *  Thread Starter [johnhewitt1](https://wordpress.org/support/users/johnhewitt1/)
 * (@johnhewitt1)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037196)
 * As an update, **!important** worked beautifully. For it to work completely, I
   placed my css above the parent and added !important to my own rules.
 * Now, I no longer need [@import](https://wordpress.org/support/users/import/) 
   and everything is in one sheet.
 * Thanks again 🙂
 *  [K-Fella](https://wordpress.org/support/users/k-fella/)
 * (@k-fella)
 * [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037229)
 * You’re welcome =)

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘avoiding @import’ is closed to new replies.

## Tags

 * [child theme](https://wordpress.org/support/topic-tag/child-theme/)
 * [css](https://wordpress.org/support/topic-tag/css/)
 * [Import](https://wordpress.org/support/topic-tag/import/)

 * 6 replies
 * 2 participants
 * Last reply from: [K-Fella](https://wordpress.org/support/users/k-fella/)
 * Last activity: [15 years, 1 month ago](https://wordpress.org/support/topic/avoiding-import/#post-2037229)
 * Status: resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics