Question 44151 in Html Question posted in
Some basic documentation can be found here.

Priority in CSS when both id and tag are selected? – Html

If the priority of the id selector in css is the highest, why are the background colors of the two p’s (test1 and test2) are same blue?

enter image description here

I have tried to change the order of selectors in the style code block and ways to express the id selector. like p #123 {} and #123 p {} .

I want to know the principle and how to use the id selector correctly in this case.
Thank you very much.

Tags:

3

Answers


  1. 0

    ID will be selected before the Tag "#example" will have priority in front of "button tag"

    Login or Signup to reply.
  2. 0

    Your mistake is naming id.
    You must name id without numbers (change it to some word i.e test) and it works.

    enter image description here

    Login or Signup to reply.
  3. 0

    Change the id to letters (or let it start with a letter)
    The first character of id cannot be a number

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search