I have finished this exercise, but I hope you realize that I have very little idea what I just did. As I’m typing, the table is formatting and so either I have to watch what I’m typing or watch the table. So I can’t see what I’m doing and how it’s changing the formatting. A toggle button would be nice. There is zero chance I could duplicate this on my own and I am quite confused about what I just did. Nor do I understand " tr[class=“total”]" vs “tr.total”. Your descriptions are very technical and they assume a level of competency that I know I don’t have. It’s as if you expect that if something has been described once, then I should understand it.
Your code so far
<!-- file: index.html -->
/* file: styles.css */
/* User Editable Region */
/* User Editable Region */
Your browser information:
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:144.0) Gecko/20100101 Firefox/144.0
Like you, I am a learner. In my 70th year and learning to code because it is new and exciting for me.
I can relate to your frustration.
I use W3Schools as a complementary resource to my freeCodeCamp Learn experience. They offer great tutorials, explanations, and the opportunity to try it, along with very minimal quizzes for each step.
Here is a link to the ‘Tables’ tutorials on W3Schools, if you wish to check it out.
I truly appreciate their structure, and recent steps to provide learners with more independence to prepare for employment.
you may want to see the theory about attribute selectors again if you don’t understand tr[class="total"]
just as a reminder, the attribute selector matches an element where the selector has exactly that value. So tr[class="total"] would not match an element with class="total box" for example, because the attribute does not match exactly. .total would as class selectors have their own working.
Thank you, I do use W3 every single time I’m working on freecodecamp. And I’m 59 myself and learning to code. I find it quite interesting but days like this I’m thinking that all I’m doing is repeating what I’m told to do. I know there is some understanding there, but in regards to the formatting, it would be quite impossible for me to re-create that table and make it look anything like what we just did.
Thank you for your response. I very loosely have an understanding of what a selector is, I think it’s what you select in CSS and what an element is, that’s something in html, but what, I couldn’t tell you. And what an attribute selector is I can only assume that’s something more specific about what you do in CSS. I think what I said above is valid. You all assume that once explained, that we should understand it. As you can see, I’m about 3/4’s through CSS and I don’t yet understand the terminology. If I don’t understand the terminology, I’m not going to comprehend what you’re trying to explain.
But thank you for at least labeling the tr[class="total"]as an attribute selector so that I can look it up on W3. Because I didn’t know what it was and you all ran through it so quickly I couldn’t look it up because I didn’t know what it was called.
For what it’s worth, I just found this on geeksforgeeks, it tells you what a tag, an element, and an attribute is. I honestly had no idea what any of these meant up to just now. Nor frankly was I even aware that they were different things within an html document.
Now I that I can understand, loosely, what an attribute is, then I have a shot at understanding what an attribute selector is. Up to this point, for me, these terms were randomly applied and meaningless, thus increasing my confusion.