2016-06-28 47 views
-5

ウェブページのボタンを色付けしたいだけです。 Webページのhtmlセクションは、以下に示されています。私の理解から、隣接するボタンのグループからの単一のボタン。cssの助けを借りて青色に色をつける

enter code here 
<div id="moderationbuttons"> 
    <div class="buttonlist floatbottom" id="moderationbuttons_strip"> 
    <ul class="nav nav-pills"> 
     <li> 
     <a class="button_strip_0"></a> 
     </li> 
    </ul> 
    </div> 
</div> 

button_strip_0の選択方法を知りたい。 IDの2つのクラスでそれを行う方法を知らないのですか?

+3

私は研究の努力がゼロであるため、この質問をオフトピックにすることに投票しました – Turnip

答えて

0

これはCSSで

の.htmlを行う必要があります

<style> 
#moderationbuttons .buttonlist ul.nav 
{ 
    list-style-type:none; 
} 
#moderationbuttons .button_strip_0 
{ 
    padding:5px; 
    background-color: #0874d1; 
    color: #fff; 
    border-radius: 4px 
} 
</style> 

<div id="moderationbuttons"> 
    <div class="buttonlist floatbottom" id="moderationbuttons_strip"> 
    <ul class="nav nav-pills"> 
     <li> 
     <a class="button_strip_0"> 
      <i class="fa fa-0 fa-fw"></i> 
      Hello 
     </a> 
     </li> 
    </ul> 
    </div> 
</div> 
+0

私はこれを試します。しかし、あなたはこれのCSSバージョンを提案することができますか?それは私のためにより重要です。 – Prototype

+0

Answer @Prototype –

+0

私は上記のコードを試しましたが、どういうわけか今のところ働いています。 @私はOmoregie @ – Prototype

0
.button_strip_0 { 
    background: blue; 
    color: #fff; 
} 
+1

いくつかの説明は素晴らしいでしょう – j08691

+0

再生のためのkevnkに感謝し、コードをテストしましたが、私はCSSやHTMLの専門家ではありません。 – Prototype

1

これはあなたの実際の質問とは無関係ですがスタックオーバーフローを尋ねるの技術では、将来的に質問をするためのアドバイスとしてこれを使用し、

を質問。コード内の問題に関する質問をする前に、まずそのタスクを実行する方法に関するチュートリアルを検索するか、読んでください。質問をする前に、徹底的に調べてください。 Googleを使用する際に問題が発生した場合は、あなたの質問に簡単に回答することができます。将来の質問をするための参照を参照してくださいhere

とにかく...ご質問に戻る。 これを行うには、あなたの個々のli要素を取り、HTMLドキュメントの<head>タグにあなたによってリンクされているはずの別々のCSSファイルに次のように:

.button_strip_0 { 
 
    background-color:red; /*Or whatever other hex color you choose*/ 
 
    color:white; /*Color the text in the element, Or whatever other hex color you choose*/ 
 
}
<link type="text/css" rel="stylsheet" href="MY_FILE_NAME.css"/>は、次の手順を実行します

+0

その間違い申し訳ありません。私の専門分野はCSSやHTMLではありません。あなたが私のCSSに正確に何を加えなければならないか教えてくれれば助かります。 – Prototype

+0

私が投稿したスニペットは、あなたがあなたのCSSに入れなければならないものです。あなたが適用したい正確なルールは、あなたの質問からのみ明らかです。たとえば、ボタンの背景色を変更するには、背景色を受け入れられるxss色または何千もの16進色の1つに変更します。私が言わなければならないもう一つのことは、続行する前にhtmlとcssのチュートリアルをオンラインで取ることです。私が使ったウェブサイトは[this](http://www.w3schools.com/html/)と[this](http://www.w3schools.com/css/)と呼ばれています。これはあなたに大いに役立ちます。 –

関連する問題