비전, 미션만 중앙정렬시키고 싶은데 css수정시 통으로적용되서 곤란합니다 채택완료
https://doobit16.mycafe24.com/theme/sample03/html/company_info.php" rel="nofollow noreferrer noopener" target="_blank">https://doobit16.mycafe24.com/theme/sample03/html/company_info.php
비전, 미션만 중앙정렬시키고 싶은데 css수정시 통으로적용되서 곤란합니다. 수정방법이 있나요?
http://sir.kr/data/editor/2507/832674995_1751850225.787.jpg" width="100%" />
답변 2개
제가 드린 코드는 테스트가 된 코드입니다.
혹시 소스 수정 이후 컨트롤 + F5 번 해보셨습니까???
https://doobit16.mycafe24.com/theme/sample03/css/content.css
파일에 소스를 아래 코드를 추가 해주세요
</p>
<pre>
<code> .company_info .txt_page h2:last-of-type{
text-align: center;
}</code></pre>
<p><code>
그 이후 extend/version.extend.php 파일에서 css 버전 값을 수정 해주세요 (숫자 바꾸시거나 늘리시거나)
그리고 컨트롤 + F5 하시면 정상적으로 적용 됩니다.
적용이 되지 않았던 이유는 캐싱된 CSS 파일이라 그렇습니다.
답변에 대한 댓글 2개
그거 다시 확인하고, 답변 수정하려는데 댓글 남겨주셨네요 (댓글 있으면 답변이 수정 안됨)
아래 css 설정 해주세요
[code]
#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;
}
[/code]
댓글을 작성하려면 로그인이 필요합니다.
이부분인 것을 ㅠㅠ 뒤 늦게 확인했네요
css 파일에서
</p>
<pre>
<code>#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;
}</code></pre>
<p><code>
작성 시 정상적으로 적용 됩니다.
이해를 빠르게 하지 못해 죄송합니다.ㅠ
nth-child 는 자식 요소 기준 몇번째를 의미합니다.
그래서 tbody 내 tr 1번째와 / 2번째를 선택합니다. 그리고 그 자식인 td 1번째만 선택해서 css 적용하는 코드입니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인