タグ付けされた質問 「css」

私は違いを伝えることができないelement:first-childとelement:first-of-type たとえば、divがあったとします div:first-child → <div>親の最初の子であるすべての要素。 div:first-of-type → 親の<div>最初の<div>要素であるすべての要素。 これはまったく同じように見えますが、動作が異なります。 誰かが説明してもらえますか？

124 css  css-selectors 

画面サイズが992px未満のときにハンバーガートグラが追加されるブートストラップWebサイトがあります。コードは次のようになります： <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> ハンバーガーのトグルボタンの色を変更する可能性はありますか？

124 css  twitter-bootstrap  bootstrap-4 

列のコンテンツを中央に配置しようとしています。それは私のために働くようには見えません。これが私のHTMLです： <div class="row"> <div class="col-xs-1 center-block"> <span>aaaaaaaaaaaaaaaaaaaaaaaaaaa</span> </div> </div> JSFiddleデモ

124 html  css  twitter-bootstrap 

このプロパティを持つdivがありますstyle="-moz-user-select:none; position:static !important;"。-moz-user-select $（selector）.css（）で試行済みを削除する必要がありますが、「なし」であるため、どの値を設定するかわかりません。

123 jquery  css 

CSSで画像の上にテキストを中央揃えするにはどうすればよいですか？ <div class="image"> <img src="sample.png"/> <div class="text"> <h2>Some text</h2> </div> </div> 以下のようなことをしたいのですが、問題があります。現在のCSSです <style> .image { position: relative; } h2 { position: absolute; top: 200px; left: 0; width: 100%; margin: 0 auto; width: 300px; height: 50px; } </style> background-imageを使用すると、html2pdfから何も出力されません。 <style> #image_container{ width: 1000px; height: 700px; background-image:url('switch.png'); } </style> <a href="prints.php">Print</a> <?php …

123 html  css 

休業。この質問は意見に基づいています。現在、回答を受け付けていません。 この質問を改善してみませんか？この投稿を編集して、事実と引用で回答できるように質問を更新してください。 5年前休業。 この質問を改善する どのHTML5リセットCSSを使用していますか？その理由は何ですか？あなたがより多くのケースをカバーすることがわかったものはありますか？ 私はHTML5 Doctor'sを使い始めました：http : //html5doctor.com/html-5-reset-stylesheet/それはうまくいくようですが、もっと良いものが何かあるのではないかと思っています。

123 css  html  css-reset 

CSSファイル内のすべての画像へのルートパスを含む1つの変数が必要です。純粋なSassでこれが可能かどうかはわかりません（実際のWebプロジェクトはRoRではないため、asset_pipelineやその派手なジャズは使用できません）。 これが機能しない私の例です。コンパイルすると、バックグラウンドのurlプロパティの変数の最初のインスタンスで（"Invalid CSS after "..site/background": expected ")"）と表示されます。 パスを返す関数を定義する： //Vars $assetPath : "/assets/images"; //Functions @function get-path-to-assets($assetPath){ @return $assetPath; } 関数の使用： body { margin: 0 auto; background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0; width: 100%; } 任意の助けいただければ幸いです。

123 css  sass 

jQueryでは、親を基準にした上位の位置を数値として取得できますが、CSSの上位の値がで設定されてpxいる場合、数値として取得できません。 私が以下を持っているとしましょう： #elem{ position:relative; top:10px; } <div> Bla text bla this takes op vertical space.... <div id='elem'>bla</div> </div> $('#elem').position().top; //Returns the number (10+(the vertical space took by the text)) $('#elem').css('top'); //Returns the string '10px' しかし、数値としてcssのtopプロパティを使用したいと思い10ます。 どうすればこれを達成できますか？

123 javascript  jquery  css 

Twitterのブートストラップを使用した滑らかなレイアウトで、1つの行に2つの列があります。最初の列には多くのコンテンツが含まれているので、通常はその範囲を満たします。2番目の列にはボタンとテキストがあり、最初の列のセルを基準にして下揃えにしたいのです。 ここに私が持っているものがあります： -row-fluid------------------------------------- +-span6----------+ +-span6----------+ | | |short content | | content | +----------------+ | that | | is tall | | | +----------------+ ----------------------------------------------- ここに私が欲しいものがあります： -row-fluid------------------------------------- +-span6----------+ | | | content | | that | | is tall | +-span6----------+ | | |short content | +----------------+ +----------------+ ----------------------------------------------- 最初のスパンを絶対的な高さにして、2番目のスパンをそれに相対的に配置するソリューションを見てきましたが、divの絶対的な高さを指定する必要がないソリューションが推奨されます。また、同じ効果を達成する方法を完全に再考することにも心がけています。私はこの足場の使用とは結婚していませんが、私にとって最も理にかなっているように見えました。 …

123 html  css  layout  twitter-bootstrap 

この質問をする/検索する最良の方法はわかりません： アンカーリンクをクリックすると、リンク先領域がページの非常に上部にあるページのセクションに移動します。アンカーリンクでページのその部分に移動したいのですが、上部にスペースを確保してください。のように、リンク先のパーツに非常に上部に移動したくないので、そこに100ピクセル程度のスペースが必要です。 これは理にかなっていますか？これは可能ですか？ コードを表示するように編集されました-それは単なるアンカータグです： <a href="#anchor">Click me!</a> <p id="anchor">I should be 100px below where I currently am!</p>

123 javascript  html  css  anchor 

Bootstrapクラスを使用table-stripedすると、テーブルの1行おきに背景色がに等しくなり#F9F9F9ます。この色を変更するにはどうすればよいですか？

123 css  twitter-bootstrap  html-table 

選択ボックスにいくつかのスタイルを疑似：afterで追加したいと思います（選択ボックスを2つのパーツで、画像なしでスタイルするため）。HTMLは次のとおりです。 <select name=""> <option value="">Test</option> </select> そしてそれは機能しません。理由がわからないので、W3Cの仕様で答えが見つかりませんでした。CSSは次のとおりです。 select { -webkit-appearance: none; background: black; border: none; border-radius: 0; color: white; } select:after { content: " "; display: inline-block; width: 24px; height: 24px; background: blue; } それは正常ですか、それともトリックですか？

123 html  css  select 

私はそのようなhtmlを持っています： <legend class="green-color"><a name="section1">Section</a></legend> legend.green-color{ color:green; } 私の場合Section、緑色に見えますが、マウスポインターを置くと、a hrefのように見えますが、下線や色を変えずに、そのままにしたいです。 cssを変更せずに、または最小のcss cahngeで達成することは可能ですか？ または、なんとかjqueryである可能性がありますか？

123 html  css 

とは大変overflow: hiddenです。 基本的に、私はにある順不同リストのオーバーフローを隠そうとしてい<div>ます。 なぜこれがうまくいかないのか私にはわかりません。 リストを非表示にする代わりに、リストを水平レイアウトから垂直レイアウトに分割します。 順不同リストはカルーセルで、コンテナはリストです。 以下は私のCSSコードです。 div.body .container .images { background: url(/images/images-background.jpg); height: 62px; margin-bottom: 17px; width: 384px; } div.body .container .images #images-previous { cursor: pointer; float: left; } div.body .container .images #images-next { cursor: pointer; float: left; } div.body .container .images .list { float: left; overflow: hidden; vertical-align: …

123 css  overflow  html 

overflowプロパティの値を調べていたとき、これらの2つの値に出くわしました：autoおよびscrollは、コンテンツが要素をオーバーフローした場合にスクロールバーを追加します。 誰かがそれらの違いを教えてくれませんか？

123 html  css