phpのthe_content()の一つ一つのpタグの下にdottedのアンダーラインを引きたいのですが、pタグのcssを編集しても反映されません。
デベロッパーツールで確認してみると、
はじめに書いたリセットcssが適用されています。
後に書いたcssが適用されるのになぜリセットcssが適用されるのでしょうか?
CSS
1html, body, div, span, applet, object, iframe, 2h1, h2, h3, h4, h5, h6,p, blockquote, pre, 3a, abbr, acronym, address, big, cite, code, 4del, dfn, em, img, ins, kbd, q, s, samp, 5small, strike, strong, sub, sup, tt, var, 6b, u, i, center, 7dl, dt, dd, ol, ul, li, 8fieldset, form, label, legend, 9table, caption, tbody, tfoot, thead, tr, th, td, 10article, aside, canvas, details, embed, 11figure, figcaption, footer, header, hgroup, 12menu, nav, output, ruby, section, summary, 13time, mark, audio, video { 14 margin: 0; 15 padding: 0; 16 border: 0; 17 font-style:normal; 18 font-weight: normal; 19 font-size: 100%; 20 vertical-align: baseline; 21}
CSS
1 /* 2 ======================================== 3 contents 4 ========================================= 5 */ 6 .contents{ 7 float:left; 8 width:72%; 9 height:850px; 10 margin-top:31px; 11 } 12 13 .content h1{ 14 width:100%; 15 font-size:15px; 16 font-weight: bold; 17 border-left:10px solid #023a96; 18 border-bottom:4px solid #d1d1d1; 19 padding:8px 0 8px 15px; 20 21 22 } 23 article p { 24 padding-top:15px; 25 padding-bottom:15px; 26 border-bottom:1px dotted #d0d0d0 ; 27 } 28
index.php
1<div class="contents"> 2 <div class="content"> 3 <?php if(have_posts()): 4 while(have_posts()): 5 the_post(); ?> 6 <article <?php post_class(); ?>> 7 <h1><?php the_title(); ?></h1> 8 <?php the_content(); ?> 9 </article> 10 <?php endwhile; endif; ?> 11 </div> 12 </div>