Hey! What is ul > li > a

HTML-CSS
1

ul > li > a

that means is a tag can be set with own rules not inherited from a tag?

but with

ul > li a

that means inside a tag is inherited from a tag set color?

Thanks

2

Example ul > li > a

<ul>
  <li>
      <a>Selects this a tag</a>
      <p>
          <a>But not this a tag</a>
      </p>
  </li>
</ul>

Example 2 ul > li a

<ul>
  <li>
      <a>Selects this a tag</a>
      <p>
          <a>And this a tag</a>
      </p>
  </li>
</ul>

I believe these are correct

1 Like
3

From seanMcquaide - 30 css selector you must memorize
The eighth point:

The difference between the standard X Y and X > Y is that the latter will only select direct children

1 Like