[Solved] How to hide specific HTML paragraph element [closed]

by


Use CSS 3 selector to apply your style, in this case I used the :nth-of-type(n)selector, which matches every element that is the nth child, of a particular type, of its parent. Using :nth-of-type(n) you do not need to introduce any additional hidden class.

Use display:none to hide an element, it will not be available in the page and does not occupy any space.

Use visibility:hidden to hide an element, it will still take up the same space as before when visible.

.color-grey-9:nth-of-type(2){
  display:none;
}
<div class="detail-desc">
  <p class="color-grey-9">Category</p>
  <p class="color-grey-9">Rate</p>
  <p class="color-grey-9">Country</p>
</div>

solved How to hide specific HTML paragraph element [closed]