C # 영역과 같은 CSS의 영역?

C # 영역과 같은 CSS의 영역?

---

C #의 영역처럼 CSS 파일에서 영역을 정의하는 방법이 있습니까?

C #에서와 같이 다음과 같이 영역을 정의합니다.

#region My Region
//your code here
#endregion

내 문제는 asp.net 프로젝트에 대해 별도의 CSS 파일을 사용하고 싶지 않지만 마스터 페이지 CSS와 FormUser 등과 같은 특정 섹션을 정의하여 문제를 쉽게 해결할 수 있도록 구성하고 싶습니다. 필요할 때. 가능합니까?

---

영역에 사용할 수 있습니다 ... 접을 수있는 영역을 만드는 데 적합합니다.

/*#region RegionName*/

/*#endregion RegionName*/

RegionName은 endregion에서 선택 사항이며 다음을 사용할 수도 있습니다.

/*#region RegionName*/

/*#endregion */

---

영역을 할 수는 없지만 원하는 경우 항상 공백과 주석을 사용하여 일부 구성을 추가 할 수 있습니다.

/*Layout rules*/
body{}
div{}
etc{}

/*Typography Rules*/
etc{}

etc...

---

CSS에서 영역을 지원하지 않습니다.

일반적인 접근 방식은 다른 CSS 파일로 분리하고 결합하고 축소하고 당신의 CSS는, 즉 볼 것을 다음 생산 자료에 대한 CSS의 축소를 도구를 사용한다 작게하다 또는 YUI 압축기를 .

---

애플리케이션을 빌드하는 동안 다른 CSS 파일을 사용하고 하나의 파일로 이동해야합니다. 이것이 유일한 방법이기 때문에이를위한 특별한 도구가 있습니다.

---

"Web Essentials" 라는 Visual Studio 플러그인을 사용하여 설명하는대로 CSS에 지역을 추가 할 수 있습니다 (VS2012 링크이지만 이전 버전을 사용할 수 있음).

그런 다음 다음과 같이 간단히 CSS에 영역을 추가 할 수 있습니다.

/*#region Footer 
---------------------------------------------------- */
.footerHyperlinks{
  decoration:none;
}
/*#endregion*/

키보드 단축키 (ctrl + M, ctrl + L)와 함께 사용하면 매우 유용합니다. 훨씬 더 빨리 스크롤해야하는 거대하고 긴 페이지를 즉시 줄여줍니다. 그것이 당신을 도울 희망 !!

---

입력 region하고 누르면 tab다음이 표시됩니다.

/*#region name */

/*#endregion */

name영역에 원하는 이름을 부여하기 위해를 편집 할 수 있습니다 .

도움이 되었기를 바랍니다.

---

미디어 쿼리 유형을 사용하십시오! 대답하기에는 너무 늦었지만 코드를 그룹화하기 위해이 작업을 수행했으며 완벽하게 작동합니다.

@media all /*'Global Settings'*/{
    body {
       background: red;
       padding-bottom: 120px;
    }
}

@media all /*'Header Settings'*/{
  .add-to-cart-header {
     height: 66px;
     background: #f7f7f7;

  }
}

참조 URL : https://stackoverflow.com/questions/7519856/regions-in-css-like-c-sharp-regions