CSS

CSSに関する情報

 

特定のCSSのクラスを設定変更したい場合

以下のようなサンプルでは

<div id="block-node-recent" class="block block-node">
<h2>最近更新されたページ</h2>
 <div class="content">
    <table>
<tbody>
<tr class="odd"><td class="title-author"><div class="node-title"><a href="/history-index">過去の上演作品</a></div><div class="node-author"><span class="username" xml:lang="" about="/users/keihin" typeof="sioc:UserAccount" property="foaf:name" datatype="">keihin</span></div></td><td class="edit"></td><td class="delete"></td> </tr>
<tr class="even"><td class="title-author"><div class="node-title"><a href="/bunkano-nakama/backnumber">会報バックナンバー</a></div><div class="node-author"><span class="username" xml:lang="" about="/users/keihin" typeof="sioc:UserAccount" property="foaf:name" datatype="">keihin</span></div></td><td class="edit"></td><td class="delete"></td> </tr>
</tbody>
</table>
</div>
</div>

例えば usernameというクラス名のフォントサイズを変更したい場合は

#block-node-recent div.node-author .username  {
font-size: 20px;
}

 

 

タグ: