xpathを使って内部CSSから背景イメージを取得するには？

Question

内部CSSにある背景イメージのURLを取得したい。私はあなたがbackground-imageのリンクをしたい場合は、あなたがこの正規表現を使用することができますHTML構造

<div id="plugin-title" class="with-banner"> 
<div class="vignette"></div> 

<style type="text/css"> 
#plugin-title { width:772px; height:250px; background-size:772px 250px; background-image: url(//ps.w.org/jetpack/assets/banner-772x250.png?rev=1279667); } 
</style> 
<h2 itemprop="name">Jetpack by WordPress.com</h2> 
</div> 

Answer 1

です。ここPHPで

をXPathを使用しています。

background-image.*?url\((.*?)\) 

実装例：

$html = <<<EOT 
<div id="plugin-title" class="with-banner"> 
    <div class="vignette"></div> 
    <style type="text/css"> 
    #plugin-title { width:772px; height:250px; background-size:772px 250px; background-image: url(//ps.w.org/jetpack/assets/banner-772x250.png?rev=1279667); } 
    </style> 
    <h2 itemprop="name">Jetpack by WordPress.com</h2> 
</div> 
EOT; 

preg_match_all('/background-image.*?url\((.*?)\)/mi', $html, $matches); 

$matchesはすべてbackground-image URLが含まれています。