>  기사  >  웹 프론트엔드  >  일반적인 CSS 속성의 첫 번째 요약: ID 및 클래스 선택기

일반적인 CSS 속성의 첫 번째 요약: ID 및 클래스 선택기

高洛峰
高洛峰원래의
2017-02-23 09:43:341876검색

선택자에 대해 말하면, 가장 일반적으로 사용되는 것은 id 선택자와 클래스 선택자일 것으로 추정됩니다.

클래스 선택기: html 요소에 큰 이름을 지정하고 클래스로 표시한 다음

단락 1

여기서는 p 요소 클래스
를 "p1"으로 설정한 다음 이를 직접 사용하기 위해 CSS 스타일을 작성합니다.

예:



< ;p class="p1">
이 단락도 가운데 정렬됩니다.




이전 코드 조각을 실행하여 p 요소를 클래스 이름 p1로 변경합니다. 의 텍스트 색상이 빨간색으로 설정되어 있습니다. p가 아닌 요소의 클래스 이름이 p1이면 효과가 없다는 점을 설명해주세요.
클래스 이름 p1을 사용하여 원하는 효과를 얻으려면 이전 구조 요소 이름을 제거해야 합니다. 오늘의 프로젝트는 모두 Agile 개발이므로 클래스 이름을 사용할 때 주의해야 합니다. 처음에는 클래스 이름이 충돌하여 스타일이 서로 충돌한다고 불평하는 경우가 많았기 때문에 규칙에 따라 프로젝트를 결정했습니다. 클래스 이름은 클래스 이름 충돌을 피하기 위해 페이지 기능에 따라 명명됩니다.
또 언급할 사항은 위와 같은 다중 클래스 이름입니다.


이 단락도 가운데 정렬됩니다.


클래스 값에는 각 단어가 공백으로 구분된 목록이 있을 수 있습니다. 그런 다음 스타일을 하나씩 작성하면 괜찮을 것입니다. 여러 클래스 간에


동일한 CSS 스타일이 있으면 어떻게 될까요? 여기에서는 CSS 캐스케이딩에 대한 다음 질문을 읽을 것입니다! 오늘의 글은 여기까지입니다. 처음 썼을 때는 생각나는 대로 썼을 수도 있지만 앞으로는 점차 나아지길 기대합니다.
더 일반적인 CSS 속성에 대한 첫 번째 요약: ID 및 클래스 선택기 관련 기사는 PHP 중국어 웹사이트에 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.