###前提・実現したいこと
wordpressで、<?php the_tags(); ?>使用して出力したタグに、
cssを効かせたいのですが、
プレビューをデベロッパーツールで確認すると、該当の<li>にcssが当たりません。
html,css段階でのミスがある可能性も視野にいれております。
どうかお手引きを。。。
###該当のソースコード
php
1<div class="description__tag"> 2 <ul><li>タグ :</li><?php the_tags('<li>', '</li><li>|', '</li>'); ?></ul> 3</div>
css
1.description__tag { 2 margin-bottom: 40px; } 3 .description__tag ul li { 4 float: left; 5 margin-right: 10px; } 6 .description__tag ul li a { 7 padding: 10px; }
デベロッパーツールで出力確認↓↓↓
html
1<div class="description__tag"> 2 <ul> 3 <li>タグ :</li> 4 <li><a href="#" rel="tag">タグテスト</a></li> 5 <li>|<a href="#" rel="tag">タグテスト2</a></li> 6 <li>|<a href="#" rel="tag">タグテスト3</a></li> 7 </ul> 8</div> 9```<div class="description__tag">に margin-bottom: 40px; は効いている。 10###試したこと 11・ファイルの更新は正常にできているか 12・他のcssが効いていないか(当cssしか存在しません) 13 14###補足情報(言語/FW/ツール等のバージョンなど) 15html5 16css3 17php5.6 18mySOL5.6 19wordpress4.5.2
回答5件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。