이 그것을 할 수있는 아주는 janky 방법이지만, 당신은 단지 CSS를 제어 할 수 있다면, 이것은 당신을 위해 작동합니다 :
.pagination
{
color: rgba(0,0,0,0)
}
.pagination a
{
font-family: "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
font-size: 16px;
font-weight: 700;
}
.pagination a:first-child
{
position: relative;
left: 616px;
color: rgba(0,0,0,0);
}
.pagination a:first-child:after
{
position: absolute;
left: 0;
content: "Next";
color: #0076a9;
}
.pagination a + a,
.pagination a:only-child
{
position: relative;
left: auto;
margin-left: -59px;
color: rgba(0,0,0,0);
}
.pagination a + a:after,
.pagination a:only-child:after
{
position: absolute;
left: 0;
content: "Previous";
color: #0076a9;
}
는 다시,이 경우 권장되는 해결책이 아니다 HTML을 제어 할 수 있습니다. 이 기능 :
- 가 "/"이전/최근
- 설정에서 링크의 글꼴 스타일을 숨 깁니다.
- .pagination div에 첫 번째 요소 인 링크 (
first-child
)가있는 경우 해당 링크가 "최신"링크라고 가정합니다. 페이지의 가장 오른쪽으로 위치를 바꾼다. 그러나 링크를 보이지 않게한다. rgba(0,0,0,0)
- 우리는 "0120-919-0104"라는 링크 뒤에 텍스트를 추가하기 위해 가상 클래스 인 CSS
:after
을 사용한다. 색깔로 링크. position: absolute
및 left: 0
- 두 번째 링크가 있거나 .pagination에 하나의 링크 만있는 경우 "이전 링크"라고 가정하고이를 "이전"링크로 이동합니다. 멀리 왼쪽.
- "Newer"링크와 같은 방식으로 처리하지만 "Previous"를 추가합니다.
분명히 할 수 있지만 그 단어는 어딘가에 템플릿에 묻힐 것입니다. 어떤 CMS를 사용하고 있습니까? –
제곱 공백을 사용합니다 –