WordPress 테마 날짜 CSS 스타일을 숨기는 방법은 무엇입니까? div 숨겨진 CSS 스타일 튜토리얼

숨기는 방법워드프레스(WordPress)테마 날짜 CSS 스타일?

DIV 숨겨진 CSS 스타일 튜토리얼

천 웨이량최근에는 웹사이트 템플릿이 개선 및 최적화 되었으며, 이는SEO사용자 경험.

유새로운 미디어사람들은 이렇게 물었습니다.WordPress 테마의 특정 아이콘, 날짜를 숨기려면 어떻게 해야 합니까?

대답은 CSS로 스타일을 숨기는 것입니다.

.r-hide {display：none;}

CSS 숨겨진 스타일은 다음을 달성할 수 있습니다.

• 1) 숨겨진 텍스트
• 2) 하이퍼링크 숨기기(검은색 링크)
• 3) 통계 코드 숨기기
• 4) 아이콘 숨기기

먼저 CSS 선택자를 찾아야 합니다.

CSS 선택기란 무엇입니까?

각 CSS 스타일의 정의는 두 부분으로 구성됩니다.

选择器{样式}

• {} 앞의 부분은 "선택기"입니다.
• "선택기"는 {} 객체의 "스타일"을 나타냅니다.
• 이 "스타일"이 작동하는 페이지 요소에 대한 의견은 무엇입니까?

CSS 선택기를 찾는 방법은 무엇입니까?

코드 예 1

다음은 GIF 애니메이션의 예입니다. 브라우저를 통해 CSS 선택기를 찾은 후 날짜가 숨겨집니다▼

CSS 선택기 가져오기 time.the-date 그런 다음 WP 테마의 style.css 파일에 다음 CSS 코드를 추가합니다.

time.the-date {
 display: none;
}

코드 예 2

class="r-hide"로 요소를 선택하고 스타일을 지정하는 방법은 다음과 같습니다.

.r-hide {display：none;}

WP 테마에 옵션이 있는 경우 위의 CSS 코드를WP 테마 옵션 → 스타일 사용자 정의 → 사용자 정의스타일 코드 상자.

• CSS 스타일 사용디스플레이: 없음;  지정된 내용을 숨기고,
• 브라우저를 통해 보이지 않고 숨겨진 콘텐츠는 공간을 차지하지 않으며,
• 일반적으로 JS 효과 숨기기, 통계 코드 아이콘 숨기기 등에 사용됩니다.

확장 읽기:

• " CSS 선택기 클래스와 ID의 차이점은 무엇입니까? HTML의 id 및 클래스 사용법"