2017-03-23 1 views
2

CSS 클래스를 사용하여 내 문서에서 :ref:으로 정의 된 내부 링크를 포맷하고 싶습니다.CSS 클래스를 reStructuredText 내부 참조에 추가하십시오.

내 문제는 내가 새로운 role을 정의 내가 해봤 HTML <a href="internal_link" class="btn btn-primary btn-sm">Link</a>

의 다음 비트 :ref:`Link <internal_link>을 변환 할 수 있지만 너무 실패한 것입니다.

.. role:: ref 
    :class: btn btn-sm btn-primary 

:ref:`Link <internal_link>` 

나의 현재 솔루션은 원시 HTML을 사용하고 등을 렌더링하는 것입니다,하지만 난 RST 파일을 링크 만 (PDF 출력이 작동하지 않습니다) 대신 HTML 파일을 가리 키도록 할 수 없습니다.

.. role:: raw-html(raw) 
    :format: html 

:raw-html:`<a href="internal_link.html" class="btn btn-primary btn-sm">Link</a>` 

누구든지 :ref:에 맞춤 CSS 클래스를 추가하는 방법을 알고 있습니까?

답변

3

링크에서 직접 클래스를 가져 오는 것이 확실하지 않습니다. 하지만 당신과 함께 부모에 그것을 얻을 수있을 것입니다 :

.. cssclass:: btn-primary 

    :ref:`link` 

후 사용하는 CSS 선택기를 조정합니다

.btn-primary a 
+0

감사합니다! 이것은 잘 작동합니다. 한 가지 질문입니다. 어떻게 텍스트 전체가 아닌 전체 버튼을 링크로 만들 수 있습니까? – fsimkovic

+0

좋은 질문입니다. 정말로 할 수 있는지, CSS 트릭이 있는지 확실하지 않습니다. –

+0

나는 그렇게 생각했다. 누군가 미래에 이것을 예측할지도 모른다. 어쨌든 고마워! – fsimkovic

관련 문제