extract all css styles from html (excluding the ones wrapped in conditional comments)

Question

I need a regex to extract all the stylesheets (<link> tags) from a html document.

Currently i have preg_match_all('/<link([^>]*?)>/i',..., and that regex extracts the stylesheets... that's fine.

But, I need to exclude the styles wrapped in IEs conditional tags ...

Any tips on how to do that?

Just add a negative lookbehind to your regex. But this doesn't guarantee what happens with nested elements etc. You have been warned... — FailedDev, Oct 19 '11 at 13:33

score 1 · Accepted Answer · edited May 23 '17 at 12:12

$dom = new DOMDocument;
$dom->loadHTMLFile('http://example.com');
$xpath = new DOMXPath($dom);
$stylesheets = $xpath->query('/html/head/link[@rel="stylesheet"]');
foreach ($stylesheets as $stylesheet) {
    echo $dom->saveHtml($stylesheet);
}

This will only print the stylesheets in the head element excluding those inside comment nodes. And if you need to limit that even further, for instance by media attribute then simply add that as another condition to the Xpath query.

In case saveHTML doesnt accept a node in your version of PHP see

How to return outer html of DOMDocument?

extract all css styles from html (excluding the ones wrapped in conditional comments)

1 Answers1