リストタグでのスタイルについて

締切済

質問者：sio2a
質問日時：2014/11/23 12:11
回答数：2件

スタイルシートを使って以下のような事をやりたいのですが、どのようにCSSを書けばいいのか教えていただけないでしょうか？
基本的なことが分からず困っています。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

最新から表示
回答順に表示

No.2

回答者： ORUKA1951
回答日時：2014/11/23 15:22

それは、先に紹介した仕様書見ればすぐ分かるはずです。

ul{border:solid black 40px;}
ul li{font-weight:bold;}
ul li{background-color:yellow;}
ul+ul li{background-color:transparent;text-decoration:underline;}
で、分かるようにふたつのul要素が直接隣接しているなら、

<ul>
　<li>テキスト１</li>
　<li>テキスト１</li>
　<li>テキスト１</li>
</ul>
<ul>
　<li>テキスト１</li>
　<li>テキスト１</li>
　<li>テキスト１</li>
</ul>

サンプル
★タブは＿に置換してあるので戻す。
★文字コードはShift_JIS
★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
　でチェック済みのHTML4.01strict + CSS2.1です。

　きちんと順を追って身につけるほうが、ずっと早く効率的に身につけられます。結果だけみてもほとんど役に立たないと思う。回りは黒くなくてよいとか、巾が違うとか・・その都度聞くわけには行かないでしょ。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
＿<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
＿<title>サンプル</title>
＿<meta name="author" content="ORUKA1951">
＿<meta http-equiv="Content-Style-Type" content="text/css">
＿<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
＿<link rel="START" href="../index.html">
＿<style type="text/css">

＿</style>
</head>
<body>
＿<div class="header">
＿＿<h1>タイトル</h1>
＿＿<p>このページでは・・・・</p>
＿</div>
＿<div class="section">
＿＿<h2>見出し</h2>
＿＿<p>本文はsection</p>
＿＿<ul>
＿＿＿<li><p>テキスト１</p></li>
＿＿＿<li><p>テキスト２</p></li>
＿＿＿<li><p>テキスト３</p></li>
＿＿</ul>
＿＿<ul>
＿＿＿<li><p>テキスト１</p></li>
＿＿＿<li><p>テキスト２</p></li>
＿＿＿<li><p>テキスト３</p></li>
＿＿</ul>
＿</div>
＿<div class="footer">
＿＿<h2>文書情報</h2>
＿＿<dl class="documentHistry">
＿＿＿<dt id="FIRST-PUBLISHED">First Published</dt>
＿＿＿<dd>2013-03-03</dd>
＿＿</dl>
＿</div>
</body>
</html>

- 0
- 件

通報する

No.1

回答者： ORUKA1951
回答日時：2014/11/23 13:53

で何をされたいか分かりませ名。

text-decoration:underline;とかbackground-color:yellow;なのか
＞基本的なことが分からず困っています。
　きちんと、HTML、CSSを基本から順序立てて学べば難しいものではありません。
　完全な理系の勉強方法になります。
　結果だけは探せばいくらでもありますが・・。多分使えないでしょう。

きちんと説明すると
1) セレクタを用いて、スタイルを適用したい要素を特定して、スタイルを指定します。
2) 背景色を指定するプロパティはbackground-color:です。
　アンダーラインは、text-decoralion:underlineになります。
※セレクタの指定方法は、セレクタ( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )にあります。
※それぞれのプロパティは
　'background-color'( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
　'text-decoration'( http://momdo.s35.xrea.com/web-html-test/spec/CSS … )
　を参照してください。

まず
1と2の間辺りからはじめるCSS講座( http://www6.plala.or.jp/go_west/beginner/css/ )
のあたりから