1

これは抽象的な質問のように聞こえますが、私が取り組んでいるこのプロジェクトのトラブルシューティングを試みているので、途方に暮れています。

最初の開発者が解雇されたためにプロジェクトを引き継ぐ必要があったため、1日目からプロジェクトをやり直さないという新人のミスを犯しました。何百ものミスを修正し、ほとんどすべてをやり直しました。非セマンティックコード、インラインレイアウト要素、不必要にスライスされたテキスト画像、CSS2からCSS3にすべてを変換する必要があるものからすべて。

ここに含めるにはコードが多すぎるので、これをすべて言っています。私の状況を説明することで、他の誰かの悪い経験を浚渫してアドバイスしてくれることを願っています。

問題： 何も機能しないページが1つあります。外部スタイルシートから適切なCSSを削除し、内部スタイルシートに書き直しています。私が抱えている2つの最大の問題は、疑似要素と疑似クラスが機能していないことです。それが自分が使用しているものであるかどうかを理解しようとしばらく苦労しましたが、その後、p：first-child {color：red}などのさまざまな疑似クラスを試しました。

ページの画像の置き換えにも問題があります。私の通常のテキストインデントは機能せず、テキストはページにとどまります。

他にどのような情報が関連しているかわかりませんので、何かを見たり質問したりする必要がある場合は、遠慮なく質問してください。私のような初心者が髪を抜くのを防いでくれてありがとう:)

編集

ページコードへのリンクは次のとおりです。http：//jsfiddle.net/syren/Zsj2T/ サイト上の他のすべてが機能するため、ページのコードと関係があると想定する必要があります。

4

2 に答える 2

1

を使用しているようです#history p:first-child。

おそらく、このセレクターが の最初の<p>要素を選択することを期待しています#historyが、それは間違っています。セレクターは、最初の子:first-childである要素のみを選択します。

最初の<p>要素を選択するには、 を使用する必要があります#history p:first-of-type。

ツリー ビューでのコード構造:

div#history    
    h2        :first-child 
    a.share   :nth-child(2)
    p         :nth-child(3)  p:first-of-type

フィドル: http://jsfiddle.net/Zsj2T/1/
PS。クイックリファレンスMDN: 疑似クラス

于 2011-11-08T17:47:29.333 に答える
-1

この記事を読ん で、各擬似要素のブラウザとの互換性を確認してください。

ヒント:色名 ( ) を使用しないでくださいRED。代わりに色の 16 進値 ( #F00) を使用してください。色名は w3c に従って非推奨になっているためです。

于 2011-11-08T09:46:02.253 に答える