Your cart is empty
Empty notifications
Login Register

Html-CSS

By Fredericks Hamunyera in 14 Aug 2024 | 21:08
Fredericks Hamunyera

Fredericks Hamunyera

 Student
Loyal User
Forums Top User
Posts: 3
Member since: 7 Dec 2023

i'm working through a css course, and for some reason i have .item p for a class. i'm guessing p means that the item class only apply to paragraphs, but im not sure?




image (1).jpg
14 Aug 2024 | 21:08
0 Likes
Ubah Pascal

Ubah Pascal

 Student
Loyal User
Posts: 2
Likes: 1
Member since: 7 Jul 2024

.item p will look for a paragraph inside an element that has class "item" Example

<div class="item">
  <p>Some Text</p>
</div>

If you wanted to apply style to a p tag that has specific class it would then be p.yourclass This would match


<p class="yourclass"></p> but not <div class"yourclass"></div>

14 Aug 2024 | 21:11
1 Likes
Fredericks Hamunyera

Fredericks Hamunyera

 Student
Loyal User
Forums Top User
Posts: 3
Member since: 7 Dec 2023
quote-right
Reply to Ubah Pascal

.item ...

so p.yourclass would be more selective than just .yourclass p? p.yourclass would apply to only p tags with the yourclass class, and .yourclass p would apply to all p tags in said area?

14 Aug 2024 | 21:14
0 Likes
Ubah Pascal

Ubah Pascal

 Student
Loyal User
Posts: 2
Likes: 1
Member since: 7 Jul 2024
  1. Yeah. That's right. If you would do p.yourclass it would look for a p tag with this class, but if you had a space between p .yourclass it would look for an element with class yourclass inside a paragraph
  2. Also, instead of doing 
    margin-left:auto;
margin-right:auto;
    You can just do 
    margin-inline:auto;
    This is called a "Logical Property" you should take a look at other logical properties. margin-inline is margin on left and right, margin-block is margin on top and bottom but margin-inline and margin-block is also shorthand properties. margin-inline is shorthand for margin-inline-start which is left margin and margin-inline-end which is right margin. but margin-inline would not really make a difference since it puts the same margin on both sides. And let's say you want 10px margin on left and 20px margin on right, you could do margin-inline:10px 20px; instead of using both margin-inline-start and margin-inline-end
14 Aug 2024 | 21:17
0 Likes
Fredericks Hamunyera

Fredericks Hamunyera

 Student
Loyal User
Forums Top User
Posts: 3
Member since: 7 Dec 2023
  1. thank you for the help!
14 Aug 2024 | 21:21
0 Likes

Report

Please describe about the report short and clearly.

Your privacy matters

Cookies and similar technologies are used on our sites to personalize content and ads. You can find further details and change your personal settings below. By clicking OK, or by clicking any content on our sites, you agree to the use of these cookies and similar technologies.

GDPR

When you visit any of our websites, it may store or retrieve information on your browser, mostly in the form of cookies. This information might be about you, your preferences or your device and is mostly used to make the site work as you expect it to. The information does not usually directly identify you, but it can give you a more personalized web experience. Because we respect your right to privacy, you can choose not to allow some types of cookies. Click on the different category headings to find out more and manage your preferences. Please note, that blocking some types of cookies may impact your experience of the site and the services we are able to offer.

  • These cookies are necessary for our website to function properly and cannot be switched off in our systems. They are usually only set in response to actions made by you that amount to a request for services, such as setting your privacy preferences, logging in or filling in forms, or where they’re essential to providing you with a service you have requested. You cannot opt out of these cookies. You can set your browser to block or alert you about these cookies, but if you do, some parts of the site will not then work. These cookies do not store any personally identifiable information.
  • These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site, which helps us optimize your experience. All information these cookies collect is aggregated and therefore anonymous. If you do not allow these cookies we will not be able to use your data in this way.
  • These cookies enable the website to provide enhanced functionality and personalization. They may be set by us or by third-party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.
  • These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.