what is the meaning of 'a' and 'h1' in '#main-navigation h1 a'

Question

As the title suggests, I want to know the meaning of a and h1 in '#main-navigation h1 a'. Here is the code:

#main-navigation {
  ...
}

#main-navigation a {     
  ...
}

#main-navigation a:hover,
#main-navigation a:active {
  color: #cf79f1;
}

#main-navigation h1 a:hover,
#main-navigation h1 a:active {
  color: white;
}

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Selectors — Anurag Srivastava, Jan 12 '22 at 10:02
h1 is
tag in html a is tag in html.... i'll suggest to read some tutorial about css selectors — Sfili_81, Jan 12 '22 at 10:02
It refers to the DOM / HTML structure. It means inside the element with id `main-navigation` you have an `
` element and inside the `
` element you have an anchor tag ``. You specific the styling more precisely, because you don't want to style all title or anchor tags, only the ones inside the main-navigation element — Frnak, Jan 12 '22 at 10:03

score 0 · Answer 1 · answered Jan 12 '22 at 10:02

0

a tag is for URL linking and stuff.

h1 tag represent heading

More here:

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a

answered Jan 12 '22 at 10:02

Amir Naeem

570
6
23

score 0 · Accepted Answer · answered Jan 12 '22 at 10:03

0

The space between tags in CSS mean whatever is after the space is a child of the previous element. Example:

#main-navigation a

means: apply following styles to all a elements within #main-navigation

answered Jan 12 '22 at 10:03

Jan Myszkier

2,714
1
16
23

what is the meaning of 'a' and 'h1' in '#main-navigation h1 a'

tag in html a is tag in html.... i'll suggest to read some tutorial about css selectors

elements in your html.

` element and inside the `

` element you have an anchor tag ``. You specific the styling more precisely, because you don't want to style all title or anchor tags, only the ones inside the main-navigation element

2 Answers2