i think i know the basics of the HTML … the things i forget about it i go back to w3school and remind myself
and i would consider following another tutorial but idk a good one … and i know what “.header__nav” means
i only wanted to know about the “a, ul and li”
I recommend the reference here. The w3school site has a massive task and its few devs can’t really keep up with all new tings, so mind that some of the info thay have can be dated.
Unzip and open this HTML file in your browser. DO NOT try to copy and paste any of it into your tutorial code. It does not use any of Russ Weakley’s classes and will not work in your tutorial.
I want to see if this is the behavor for the menu that you wish to see.
This is basic HTML and CSS. Nothing fancy. You should understand this completely before attempting anything like Russ has written.
i know the “a” is for a link and “ul” is for unordered list and the “li” is for the items of the list …
i didn’t know the work of them in the CSS … just the CSS
i can use them all but just in a HTML file without CSS
There are different types of CSS selectors that can be used to “target” parts of a web page.
CSS type selectors match elements by node name. Used alone, therefore, a type selector for a particular node name selects all elements of that type — that is, with that node name — in the document.
And there is our problem. If you can’t decide, how are we meant to know?
We’re not trying to criticise or put you down in any way. We’re trying to establish what level of knowledge you have so we can offer appropriate assistance. We wouldn’t want to be explaining very basic concepts to somebody who is intermediate, nor would we want to give you code which is too advanced and which you have no chance of understanding.
From what I’ve seen, I’d agree with @ronpat that the tutorial you are following at the moment is beyond your understanding of CSS, which is why I suggested you might find the tutorials I linked to more helpful at this stage. Once you have a better grasp of CSS basics, the tutorial will make more sense to you.
actually that’s something common for …
whenver i learn something if i wasn’t tested in it i won’t be 100% sure i know all of what i think i know of it
i learned the basics from a series of videos on the youtube … then i started it over on w3school ( but i left the graphics and the js lessons, and iam not good in using the api’s which were mentioned in w3school ( but iam planning on knowing what’s most important of them later )
so i think iam an intermediate in HTML and begginer in CSS and none in the others ( Js, designing, PHP ) …
It means that the <a> element and the <ul> element and the <li> element, the elements being targeted, must be inside the container with the className “header__nav”, descendants of “header__nav”. The <a>, <ul>, and <li> elements outside of “header__nav” are not affected by whatever styles are being applied to .header__nav a, .header__nav ul, and .header__nav li.
There are selectors which target elements within the html, there are various types of selectors you can use.
There are classes which start with a . like this: .NameOfClass
There are IDs which start with a # like this: #NameOfId
You can also target raw html elements, like body, p, ul, a ect…
So .MyClass {...} will target any element with that class name, like <div class="MyClass"></div> ul {....} will target any <ul> element.
But you can have combinations in selectors to target more specific elements:-
.navigation li {....}
Where they are separated by a space, first is a parent element, followed by a child element. So that will target any list item <li> which is a child of an element with the class name navigation, like:-
<ul class="navigation">
<li>This is targeted by the selector.</li>
<li>So is this.</li>
</ul>