<div>.panel-heading [data-toggle="collapse"]:after</div> <div>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>font-family: 'Glyphicons Halflings';</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>content: "\e072";</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>float: right;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>color: #b0c5d8;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>font-size: 18px;</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>line-height: 22px;</div> <div><br></div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-webkit-transform: rotate(-90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-moz-transform: rotate(-90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-ms-transform: rotate(-90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-o-transform: rotate(-90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>transform: rotate(-90deg);</div> <div>}</div> <div>.panel-heading [data-toggle="collapse"].collapsed:after</div> <div>{</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-webkit-transform: rotate(90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-moz-transform: rotate(90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-ms-transform: rotate(90deg);</div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>-o-transform: rotate(90deg); </div> <div><span class="Apple-tab-span" style="white-space:pre;"> </span>transform: rotate(90deg);</div> <div>}</div> <div><br></div> <div>제가 요새 이코드를 보고있습니다</div> <div>이게 아코디언(collapse) 뷰에서 옆에다가 화살표를 표시해주는건데요</div> <div> <p style="margin:0px 0px 1em;padding:0px;border:0px;font-size:15px;clear:both;color:#242729;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;line-height:19.5px;"><a target="_blank" href="http://codepen.io/anon/pen/VYobER" style="margin:0px;padding:0px;border:0px;color:#005999;text-decoration:none;" target="_blank">http://codepen.io/anon/pen/VYobER</a></p></div> <div><br></div> <div>이런식으로요</div> <div><br></div> <div>이게 보면</div> <div>.panel-heading [data-toggle="collapse"]</div> <div>여기서 panel-heading 이랑 [data-toggle]랑 띄어져 있는데요</div> <div>제가 css선택자 찾아보니까 다 붙여서 쓰게되면 클래스가<span style="font-size:9pt;line-height:1.5;"> </span><span style="font-size:9pt;line-height:1.5;">panel-heading 인것 중에 datatoggle이 collapse인거를 찾아서 적용시키라는 의미로 알고있었는데요</span></div> <div>이게 띄어쓰게되면 어떤의미인지 잘 모르겠어서 질문드립니다.</div> <div>감사합니다</div>
댓글 분란 또는 분쟁 때문에 전체 댓글이 블라인드 처리되었습니다.