目次
ディスカッションに返信(解決策)
ホームページ ウェブフロントエンド htmlチュートリアル css スタイルが機能しない??要素セレクターよりも ID セレクターの優先度が高くありませんか? _html/css_WEB-ITnose

css スタイルが機能しない??要素セレクターよりも ID セレクターの優先度が高くありませんか? _html/css_WEB-ITnose

Jun 24, 2016 am 11:57 AM
機能しない 優先度 要素 セレクタ

コードを見てください

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css">div{display:inline;width:100px;height:100px;padding:0;margin:0;float:left;}#div0{ width::400px;height:200px; background-color:black;display:block;float:none;}.div1{ background-color:red;}.div2{ background-color:blue;}.div3{ background-color:yellow;}</style></head><body><div id="div0">  <div class="div1"> 1</div>  <div class="div2"> 2</div>  <div class="div3"> 3</div></div></body></html>
ログイン後にコピー

レンダリング:

css の定義によれば、div1、div2、div3 はすべて横に配置されるはずですよね?レンダリング効果が垂直になるのはなぜですか?アドバイスをください


ディスカッションに返信(解決策)

めまいがする! width の後に余分なコロンがあります。したがって、CSS は機能しません
これは、Dreamweaver にコードチェックがないことの欠点です VS を使用すると、すぐにエラーがわかります

#div0 スタイルの幅に余分なコロンがあることもわかりました。

さて、誰もポイントを受け取りたくないですか?そうでない場合は、全員が上の階に送られます

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

AI Hentai Generator

AI Hentai Generator

AIヘンタイを無料で生成します。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

Teams でスペルチェックが機能しない [修正済み] Teams でスペルチェックが機能しない [修正済み] Mar 06, 2024 am 09:10 AM

Teams でスペルチェックが機能しなくなる場合があることに気づき始めました。スペル チェックは効果的なコミュニケーションに不可欠なツールであり、これに対する攻撃はワークフローに重大な混乱を引き起こす可能性があります。この記事では、スペル チェックが期待どおりに機能しない一般的な理由と、スペル チェックを以前の状態に戻す方法について説明します。そのため、Teams でスペル チェックが機能しない場合は、この記事で説明されている解決策に従ってください。 Microsoft のスペルチェックが機能しないのはなぜですか? Microsoft のスペル チェックが正しく機能しない理由はいくつか考えられます。これらの理由には、互換性のない言語設定、スペルチェック機能の無効化、MSTeam または MSOffice のインストールの破損などが含まれます。また、古い MSTeam と MSOf

Linuxのプロセス優先度調整方法を詳しく解説 Linuxのプロセス優先度調整方法を詳しく解説 Mar 15, 2024 am 08:39 AM

Linuxのプロセスの優先度調整方法を詳しく解説 Linuxシステムでは、プロセスの優先度によってプロセスの実行順序やシステム内のリソースの割り当てが決まります。プロセスの優先順位を合理的に調整すると、システムのパフォーマンスと効率が向上します。この記事では、Linuxでプロセスの優先度を調整する方法と具体的なコード例を詳しく紹介します。 1. プロセス優先度の概要 Linux システムでは、各プロセスには優先度が関連付けられています。優先順位の範囲は通常 -20 ~ 19 で、-20 は最高の優先順位を表し、19 は最高の優先順位を表します。

CSS 変換: 要素の回転効果を実現する方法 CSS 変換: 要素の回転効果を実現する方法 Nov 21, 2023 pm 06:36 PM

CSS 変換: 要素の回転効果を実現する方法には、特定のコード サンプルが必要です。Web デザインでは、アニメーション効果はユーザー エクスペリエンスを向上させ、ユーザーの注意を引くための重要な方法の 1 つであり、回転アニメーションは最も古典的なものの 1 つです。 CSS では、「transform」属性を使用して、回転を含む要素のさまざまな変形効果を実現できます。この記事では、CSS「transform」を使用して要素の回転効果を実現する方法と、具体的なコード例を詳しく紹介します。 1.CSSの「transf」の使い方

Go 言語の演算子の優先順位リスト、最も高い優先順位を持つ演算子はどれですか? Go 言語の演算子の優先順位リスト、最も高い優先順位を持つ演算子はどれですか? Jan 03, 2024 pm 04:59 PM

Go 言語には多数の演算子があり、さまざまな数学的および論理的演算を実行するためによく使用されます。各演算子には独自の優先順位があり、式内で演算子が評価される順序が決まります。この記事では、Go言語の演算子の優先順位ランキングを紹介し、最も優先度の高い演算子を見つけます。 Go 言語の演算子は、優先順位の高いものから低いものの順に次のとおりです。括弧: ()。括弧は演算子の優先順位を変更するために使用されます。式の中のかっこが最初に評価されます。単項演算子: +、-、!。単項演算子は 1 つだけを意味します

CSS を使用して要素の透明度のグラデーション効果を実現する方法 CSS を使用して要素の透明度のグラデーション効果を実現する方法 Nov 21, 2023 pm 01:38 PM

CSS を使用して要素の透明グラデーション効果を実現する方法 Web 開発では、Web ページ要素にトランジション効果を追加することは、ユーザー エクスペリエンスを向上させる重要な手段の 1 つです。透明度のグラデーション効果は、ページを滑らかにするだけでなく、要素の重要なコンテンツを強調表示することもできます。この記事では、CSS を使用して要素の透明度のグラデーション効果を実現する方法を紹介し、具体的なコード例を示します。 CSS トランジション属性の使用 要素の透明グラデーション効果を実現するには、CSS トランジション属性を使用する必要があります。 t

jQueryで要素に属性値が含まれているかどうかを確認するにはどうすればよいですか? jQueryで要素に属性値が含まれているかどうかを確認するにはどうすればよいですか? Feb 28, 2024 pm 02:54 PM

jQuery では、要素に特定の属性値が含まれているかどうかを確認する必要があることがよくあります。これにより、要素の属性値に基づいてアクションを実行できるようになります。この記事では、jQueryを使って要素に特定の属性値が含まれているかどうかを確認する方法と、具体的なコード例を紹介します。まず、要素の属性を操作するための jQuery の一般的なメソッドをいくつか見てみましょう。 .attr(): 要素の属性値を取得または設定するために使用されます。 .prop(): 要素の属性値を取得または設定するために使用されます。

jQueryを使用して要素の表示状態を決定する jQueryを使用して要素の表示状態を決定する Feb 23, 2024 pm 09:24 PM

jQuery を使用して要素が表示されるかどうかを判断する Web 開発では、要素が表示されるかどうかを判断する必要がある状況によく遭遇します。要素の可視性の判断や操作はjQueryを通じて簡単に実現できます。この記事では、jQuery を使用して要素の可視性を決定する方法を紹介し、具体的なコード例を示します。 jQuery の要素の可視性の判断方法 jQuery では、要素の可視性を判断するためにいくつかの特定のメソッドを使用できます。最も一般的に使用されるメソッドは .is(':vis

Linux におけるプロセスの優先順位についての深い理解 Linux におけるプロセスの優先順位についての深い理解 Mar 14, 2024 pm 09:36 PM

Linux におけるプロセスの優先度を深く理解するには、具体的なコード例が必要です Linux システムにおいて、プロセスの優先度は非常に重要な概念です。プロセスの優先順位を適切に設定することで、システム リソースの割り当てを効果的に制御し、システムのパフォーマンスを向上させることができます。この記事では、Linux におけるプロセス優先度の概念を詳しく掘り下げ、特定のコード例を通じてそれを実証および実践します。 1. Linux におけるプロセス優先度の概念 Linux システムでは、プロセスの優先度の範囲は -20 ~ 19 で、-20 が最高の優先度を表します。

See all articles