>

제 질문은 CSS 문법입니다. 여러 ID (titletext1 및 titletext2 이상 ...)에 CLASS (.fade)를 추가하고 싶습니다. 내가 쓰는 방식이 효과가 없습니다. 별도의 줄에 작성하지 않고 그룹화하지 않으려는 경우 올바른 구문은 무엇입니까?

document.getElementById('titletext1').classList.add('fade');
document.getElementById('titletext2').classList.add('fade');

#titletext1.fade,
#titletext2.fade {
  opacity: 1;
  top: 5px;
}

<h1 class="titletext" id=titletext1>This is a Title!!</h1>
<h1 class="titletext" id=titletext2>A second Title!!</h1>

감사합니다

  • 답변 # 1

    . 와 함께 두 클래스에 합류하십시오.   #{id}.{class}.{class} 로 분리기 :

    #titletext1.titletext.fade,
    #titletext2.titletext.fade {
      color: red;
    }
    
    

    <h1 class="titletext fade" id=titletext1>This is a Title!!</h1>
    <h1 class="titletext fade" id=titletext2>A second Title!!</h1>
    <h1 class="titletext" id=titletext1>Without fade</h1>
    <h1 class="titletext" id=titletext2>Without fade</h1>
    <h1 class="fade" id=titletext1>Without titletext</h1>
    <h1 class="fade" id=titletext2>Without titletext</h1>
    
    

    ID가 없으면 두 선택기를 결합하여 두 요소를 계속 타겟팅 할 수 있습니다.

    .titletext.fade {
      color: red;
    }
    
    

    <h1 class="titletext fade" id=titletext1>This is a Title!!</h1>
    <h1 class="titletext fade" id=titletext2>A second Title!!</h1>
    <h1 class="titletext" id=titletext1>Without fade</h1>
    <h1 class="titletext" id=titletext2>Without fade</h1>
    <h1 class="fade" id=titletext1>Without titletext</h1>
    <h1 class="fade" id=titletext2>Without titletext</h1>
    
    

관련 자료

  • 이전 reactjs - 본문없이 가져 오기 및 본문없이 가져 오기 (반응, 표현)
  • 다음 php - 다른 시간에 파일을 해독하려면 암호를 한 번만 요구합니까?