ホームページ >ウェブフロントエンド >htmlチュートリアル >疑似クラスセレクターとインライン要素に関する少しの混乱_html/css_WEB-ITnose
疑似クラスセレクターとインライン要素に関する少しの混乱_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:18:541993ブラウズ
疑似クラスセレクターのインライン要素
最初の質問#nav li a:link{ display:block; width:90px; height:37px; background:url(images/nav_bg.gif);}#nav li a:hover{ background:url(images/nav_on.gif);} このコードの 2 番目の関係が書かれていない場合、なぜ #nav li のような関係を使用できないのでしょうか?書かないとページ内のすべての a:hover 属性が使えるということになりませんか？
2 番目の質問
うわー
要素をインライン化するときに、テキストの大きな段落とその下のブロック要素の間に明らかにマージンがあると先生が言いました。私は何気なくコードを入力しましたが、後続の後に初めてマージンがないことがわかりました。ピクチャ要素 ブロック要素とブロック要素の間に余白があるのはなぜでしょうか。元素が違えば効果も違うからでしょうか？
ディスカッションへの返信（解決策）
最初の質問: テスト後、#nav li と書かなくても大丈夫です。 。 。 。 。理論的には機能しますが、元の投稿者で何が起こっているのかわかりません。あるいは、コード全体を書き留めて研究することもできるかもしれません。 。 。
2 番目の質問: 投稿者の先生の言ったことを理解できません。次の CSS を入力すると、何が起こっているかがわかります:
<style type="text/css">#g1{ background:red;}</style></head><body> <span> 第一行<br /> 第二行<br /> 第三行<br /> </span> <div id="g1">我是块状</div> <br /> </body> 1 番目の質問: テスト後、#nav li と書かなくても大丈夫です。 。 。 。 。理論的には機能しますが、投稿者の状況がわからないし、コード全体を書き留めて研究することもできません。 。 。
2 番目の質問: 投稿者の先生の言っていることがわかりません。次の CSS を入力すると、何が起こっているかがわかります:
CSS code?123456#g1 { border:1px dotted #0c0;}span { border :1px 点線 #c00;}
…
最初の質問ですか?私は#nav li a:hoverです。この文では#nav liと書かなくても大丈夫ですか？でも最初の属性は書かなくても大丈夫ですよね？理論上、書かないと世界報道になってしまいますよね？しかし、試してみてもうまくいきません
最初の質問: テスト後、#nav li を書かないことも可能です。 。 。 。 。理論的には機能しますが、投稿者の状況がわからないし、コード全体を書き留めて研究することもできません。 。 。
2 番目の質問: 先生の言っていることがわかりません。次の CSS を入力すると、何が起こっているかがわかります:
CSS code?123456#g1 { border:1px dotted #0c0;}span { border:1px dotted #c00;}
…
テストコードは何ですか?実行してみます。ここにあるコードは と 2 つだけで、他には何もありません。これが問題かどうかわかりますか?