특정 범위에 대해 CSS 추가

Question

*이 CSS를 사용하고 있지만 Enter Firstname 앞에 *를 추가하고 싶지만 * Span에 CSS를 추가하기 때문에 * Firstname, Enter성에 모두 추가됩니다. id를 사용하지 않고 particualr span에 CSS를 추가하는 방법을 알려주세요.

<style> 
    .pssmailform p:first-child span:before{ 
     content:"* "; 
     color:red; 
    } 
</style> 

UPDATE :

<style> 
    .pssmailform p span:before{ 
    content:"* "; 
    color:red; 
    } 
</style> 

<div class="pssmailform"> 
<p><span>Enter Firstname</span></p> 
<p><span>Enter Lastname</span></p> 
</div> 

Answer 1

당신은 첫 번째 p 태그과 같이 선택 pseudo selectors를 사용하면 3 중 2 경간을 원한다면 당신이 할 수 있습니다 : 또는

<style> 
    .pssmailform p:first-child span:before, .pssmailform p:nth-child(2) span:before{ 
     content:"* "; 
     color:red; 
    } 
</style> 

홀수 또는 짝수 요소로 사용하려면 다음을 사용할 수 있습니다.

<style> 
    .pssmailform p:nth-child(odd) span:before { 
     content:"* "; 
     color:red; 
    } 

    .pssmailform p:nth-child(even) span:before { 
     content:"* "; 
     color:blue; 
    } 
</style># 

당신이 모든 5 요소를 수행하려는 경우 10

도 할 수있다 :

<style> 
    .pssmailform p:nth-child(5n) span:before { 
     content:"* "; 
     color:red; 
    } 
</style>