I can see having an additional option to show the nested relationships between selectors would be beneficial.

Here's an example: http://jsfiddle.net/ezCsn/

Each time I click the extract button, it is appending duplicate of the already created CSS. Can this be fixed?

This is an amazing project, but I feel there are a few things needed to make it truly essential for devs.

I'll mention them as I conceptualize them, and/or get the chance - I can't quite put my finger on it all just yet. But will start off with the following:

I tried using it with a chunk of code - oldschool HTML code with both linked and embedded style rules. Got an output of classes, id's, parents and children... but the problem is that I couldn't see any way of telling where they were pulled from other than manually sifting throught the original code (which defeats the purpose of this app).

Or am I doing it wrong?

Great tool - nice work! :-)
Perhaps an option enter URL would come handy, or maybe option to enter base href so that your code can extract links to external stylesheets and thereby generate a more complete css.
/Sten

Make uploading HTMLs on extractcss.com, not just the copy-paste please

how about sth like these ...?

.img_article_page{
  body{
    font-size: 16px;
  }
  a{
    font-size: inherit;
  }
  .titlewrap{
    margin: 0 20px;
    .title{
      font-size: 0.6rem;
      font-weight: 500;
    }
  }
}

while tapping on extract button we cannot copy whole css codes

I'm learning web development and I use your tool all the time. It's really helpful to me. One feature that would be nice would be to, in addition to extracting css from html, also be able to save the html with the styles removed. Probably not a simple feature to add, but it would certainly be useful (to me, at least).

Rob

Hi, almost everyday I'm using your service for job.
And today I've found it a little buggy.

Thanks for your service, and hope you will fix this little thing

I have a feature request for extractcss.com: an API. I would love to pass the URL of a stylesheet to you guys, or the CSS itself, and have you guys respond with the stripped CSS.

The tool is not working for me at all. I'm typing some basic html in the text area and clicking extract. No code appearing in the css box. All that happens is that 3 empty lines are displayed. This is from the online version. When running it locally after downloading repo, also nothing happens except html disappears once I click Extract.

Great idea for a tool though. Especially useful for those working with html email.

It'll break and output nothing if you have something like this in your code:

<h2 class="title title--<?php echo $counter++; ?>">
    <?php echo $this->__('Numbered Title'); ?>
</h2>

There should be an option to extract HTML. SO that we can use it separately. Otherwise, there is no use of this tool.

The web domain has expired for this - is it possible to host it on Github pages or something? This is a great tool!

Thanks,

Joe

Should it be extracting out the properties that go with the IDs, classes, etc? Tried it in Safari and Chrome and it's the same way. Is that the way it's intended?

Hello, The website at http://extractcss.com/, seems to return a 404 error.
Are there plans to bring this site back, or should we look to self host this tool?

I am on your website now and pasted my HTML into the left "Type or Paste Your HTML" pane.

I selected my Preferences from the top "Extract" and "Indent CSS With" links and clicked the green "Extract!" button.

The right "Extracted CSS" pane populated correctly with the code.

However, I cannot find a way to SELECT ALL > COPY the code for use in my CSS file. There seems to be no controls or buttons or links to do so.

Please advise, as I find this tool EXTREMELY useful and would like to use it.

The hosted version no longer works because the domain name expired