궁금한게 있습니다.

댓글 7

• misol

  2015.11.08 12:10
  각 요소마다 id 는 겹치지 않는게 정상입니다.
  같은 스타일을 여러 요소에 적용하고 싶으면 class 를 이용하세요.
  HTML
  <div id="iamdiv1" class="iamdiv"></div>
  
  CSS
  #iamdiv1 {}
  
  .iamdiv {}
  
  div.iamdiv {}

  
  

  
  

  그리고 저작권자가 허락하지 않은 방식으로 저작물을 이용하면 저작권법 위반이 될 수 있습니다.
  좋아요 0
• chowolms

  2015.11.08 12:38
  @misol

  배포나 운영은 안하고 그냥 공부겸 만들고 지웁니다..
  말을 잘못했네요 ..
  Class 가 메뉴마다 다를때는 어케 해야하나요?
  좋아요 0
• misol

  2015.11.08 12:55
  @chowolms

  같은 스타일을 적용하는데 클래스 명이 다른건 원 저작자가 제대로 만들지 못한 것이고, 스타일이 다르다면 각각 써주어야겠지요 :)
  
  loop 문 바깥에서 변수 하나를 설정하시고 {$idx++} 같은 식으로 이용하시면 각 항목마다 다른 이름을 만드실 수 있을거에요.
  좋아요 0
• 하늘희

  2015.11.08 13:21
  다르면 어떡하냐에 의미를 잘 이해하지 못하겠네요.
  
  다르면 다른대로 css를 정의하시면 되고
  
  다르지만 모두 같은 스타일을 줘야한다면
  
  임의 클래스를 추가하여 추가한 클래스에 공통으로 들어갈 스타일을 주면 됩니다.
  좋아요 0
• chowolms

  2015.11.08 22:28
  @하늘희

  실제 사이트의 소스? 를 볼때
  가끔 보면 이런 메뉴들이 있습니다.~
  <div id="menu1">
  <div class="menu1">
  <li>메뉴1</li>
  </div>
  <div id="menu2">
  <div class="menu2">
  <li>메뉴2</li>
  </div>
  이런씩으로 메뉴 하나하나 id가 다르고 class가 다릅니다...
  좋아요 0
• 하늘희

  2015.11.09 01:01
  @chowolms

  class가 다른 게 문제가 있는 건 아니지 않나요? 다른데 style은 통일시킬려면 임의로 class로 넣어주거나 하시면 될 것이고..
  
  그냥 클래스 이름을 다르게 하고 싶다 하시면
  
  loop 밖에서 {@ count=0; } 이렇게 변수 하나 설정해주시고 loop안에 {@ count++ } 하신다음에
  
  메뉴 id 부분에 menu{$count} 와 같이 선언해주면
  
  말씀하신 것처럼 메뉴마다 다르게 되지요.

   

  그리고 위의 예시는 오류가 있는데 li 태그는 <ul> 하위 요소입니다. ul 없이 단독으로 쓰일 수 없습니다.

   

  마지막으로, 만약 아이디가 다 다른데 직접 컨트롤은 안되지만 일괄로 변경하고 싶다라는 게 목적이라면

   

  보통 메뉴는 <ul>태그로 묶여있을 겁니다.

   

  ul 태그에 class나 id가 있다면 ( 예를 들어 id='menu'  )

   

  면

   

  #menu > li {  적용할 스타일 }

   

  이런식으로 접근하면 됩니다.

  좋아요 0
• chowolms

  2015.11.09 07:10
  @하늘희

  아 넵 자세히 알려주셔서 감사합니다 ^^
  좋아요 0