2016-06-28 2 views
-5

웹 페이지의 버튼에 색상을 지정하고 싶습니다. 웹 페이지의 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을 (를) 선택하는 방법을 알고 싶습니다. 이드에서 두 개의 클래스를 사용하여이를 수행하는 방법을 모른다. ?? 이 실제의 질문에 무관하지만

+3

제 연구 노력이 없기 때문에이 질문을 주제로 닫으려고합니다. – Turnip

답변

0

이 CSS와

들이게해야

<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

위 코드를 시도했지만 어떻게 든 작동합니다. 내가 귀찮게하는 것이 이드의 누락 된 CSS이다 @ Efe 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 진수 색상 중 하나로 변경하십시오. 내가 말해야 할 또 하나의 일은 계속하기 전에 html과 css 튜토리얼을 온라인으로 가져 오는 것입니다. 내가 사용한 웹 사이트는 [this] (http://www.w3schools.com/html/) 및 [this] (http://www.w3schools.com/css/)입니다. 이것은 당신을 많이 도울 것입니다. –