Magento CSS and JS in specific catalog page

Magento – Add a specific CSS / JS in catalog page – Adding specific css and js is really painful in magento so here is the simple hack for adding css in magento category page .

Lets say you want to call a customcatalog.css in particular magento category , so create this file inside your template skin e.g /skin/frontend/default/default/css

.category-description {
    height: 475px !important;
    margin: 0 0 10px;
}

and after that call the xml block code under  category->choose the category ->custom design and under custom layout update texarea put this

<reference name="head">
<action method="addCss"><stylesheet>css/customcatalog.css</stylesheet></action>
</reference>

Enjoy , Magento coding .