2016-09-21 2 views
0
<div> 
<p style="font-size=40px;"> 
<b>Hello there, welcome</b> 
<br/> 
To this website 
</p> 
<p>Some other text</p> 

첫 번째 p 태그 ("이 웹 사이트에 연결") 안의 텍스트는 어떻게 가져 옵니까? Wordpress에서 시각적 인 작곡가로 완성 되었기 때문에 클래스 나 ID를 부여 할 수 없으며 WordPress에서 스타일을 지정할 수도 없지만 그 부분 만 스타일링하면됩니다.p 태그 안의 텍스트에만 스타일을 지정하는 방법

+0

라이브 웹 사이트가 있습니까? 그래서 우리는 검사 할 수있다 :'first-child' selector를 사용할 수있다. – mmativ

+0

첫 번째 p 태그 색 변경 만 ?? 또는 모든 p 태그 색상 변경 –

+0

텍스트 노드를 스팬에 배치하는 JavaScript 비트는 옵션이 아닙니까? 그러면'p' 스타일을 바꾸어'p' 스타일을 바꿀 수 있습니다. 예를 들어'p {text-decoration : underline} p b {text-decoration : none}' –

답변

1

어쩌면 이렇게 될까요?

http://codepen.io/anon/pen/YGpvxE

p:first-child { 
 
     color: red !important; /** Use important only in very rare situations **/ 
 
    } 
 
    
 
    p b { 
 
     color: initial; 
 
    }
<div> 
 
    <p> 
 
    <b>Hello there, welcome</b> 
 
    <br/> 
 
    To this website 
 
    </p> 
 
    <p>Some other text</p> 
 
    </div>

아래의 예를 니펫을

편집 : 당신이 당신의 CSS에서 !important을 사용할 수있는 스타일링 인라인을 무시합니다.

+0

이런 식으로 정상적으로 작동 할 것입니다. 나는 이것을 시도했지만 왜 효과가 없을지 이해하지 못한다. 나는 나의 질문을 편집했다. Wordpress는 p에 편집 할 수없는 스타일 요소를 넣습니다. – pu4cu

+0

규칙 뒤에! important 플래그를 사용하여 스타일 속성을 무시할 수 있습니다. (글꼴 크기 : 20px! important;) –

관련 문제