비전, 미션만 중앙정렬시키고 싶은데 css수정시 통으로적용되서 곤란합니다
본문
https://doobit16.mycafe24.com/theme/sample03/html/company_info.php
비전, 미션만 중앙정렬시키고 싶은데 css수정시 통으로적용되서 곤란합니다. 수정방법이 있나요?
답변 2
제가 드린 코드는 테스트가 된 코드입니다.
혹시 소스 수정 이후 컨트롤 + F5 번 해보셨습니까???
https://doobit16.mycafe24.com/theme/sample03/css/content.css
파일에 소스를 아래 코드를 추가 해주세요
.company_info .txt_page h2:last-of-type{
text-align: center;
}
그 이후 extend/version.extend.php 파일에서 css 버전 값을 수정 해주세요 (숫자 바꾸시거나 늘리시거나)
그리고 컨트롤 + F5 하시면 정상적으로 적용 됩니다.
적용이 되지 않았던 이유는 캐싱된 CSS 파일이라 그렇습니다.
표 안쪽의 텍스트입니다.
앗 안그래도 ㅠㅠ
그거 다시 확인하고, 답변 수정하려는데 댓글 남겨주셨네요 (댓글 있으면 답변이 수정 안됨)
아래 css 설정 해주세요
#tbl-rank tbody tr:nth-child(1) td:nth-child(1),
#tbl-rank tbody tr:nth-child(2) td:nth-child(1) {
text-align: center;
}
이부분인 것을 ㅠㅠ 뒤 늦게 확인했네요
css 파일에서
#tbl-rank tbody tr:nth-child(1) td:nth-child(1),
#tbl-rank tbody tr:nth-child(2) td:nth-child(1) {
text-align: center;
}
작성 시 정상적으로 적용 됩니다.
이해를 빠르게 하지 못해 죄송합니다.ㅠ
nth-child 는 자식 요소 기준 몇번째를 의미합니다.
그래서 tbody 내 tr 1번째와 / 2번째를 선택합니다. 그리고 그 자식인 td 1번째만 선택해서 css 적용하는 코드입니다.
답변을 작성하시기 전에 로그인 해주세요.
