ShopCatalog Smauto 練習用サイト

🎯 練習の目標（Lv.4）

インスペクターモードで各要素をタップし、CSSセレクタ・XPath・属性を確認してみましょう。青いヒントに注目してください。

インスペクターで確認 → 検索フィールド: #search-input ／ 検索ボタン: #search-btn
絞り込み：
インスペクターで確認 → フィルターボタン: .filter-btn ／ セール中: [data-filter="sale"]
SALE
ワイヤレスイヤホン Pro

ノイズキャンセリング対応・最大32時間再生

¥19,800 ¥14,800
在庫あり
NEW
スマートウォッチ X3

心拍・血中酸素・GPS搭載 防水仕様

¥32,000
在庫あり
ポータブル充電器 20000mAh

USB-C / USB-A 2ポート・急速充電対応

¥5,480
残り3点
インスペクターで確認 → 商品コンテナ: [data-product-id="P001"] ／ 追加ボタン: #btn-P001 ／ すべての追加ボタン: [id^="btn-P"]
商品スペック比較
項目 イヤホン Pro ウォッチ X3 充電器 20000
重量5g42g320g
バッテリー最大32時間最大7日間20,000mAh
防水IPX4IP68なし
保証期間1年1年6ヶ月
インスペクターで確認 → テーブル全体: #spec-table ／ ヘッダー列: .spec-col ／ 商品ごと: [data-product="P002"]