<!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>HTMLサンプル</title> <style type="text/css"> /* 以下に切り出し */ </style> </head> <body> <p id="sampleId" class="sampleClass" title="sampleTitle">これはサンプルです。</p> <ul> <li>foo</li> <li>bar</li> </ul> </body> </html>
![CSS優先順位の実例とまとめ | mawatari.jp](https://cdn-ak-scissors.b.st-hatena.com/image/square/1498980da7852ca46168baf652fe3050986c1de8/height=288;version=1;width=512/https%3A%2F%2Fmawatari.jp%2Fwp-content%2Fplugins%2Fall-in-one-seo-pack%2Fimages%2Fdefault-user-image.png)