DEV Community

MoonLight
MoonLight

Posted on

1 1

Using Selectors & Combinators

Image description
بطور مشترک روی همه ی
pها
اثر میزاره
Image description

    <header>
      <h1>My Upcoming Challenges</h1>
      <p id="description">These are my goals for the next days</p>
      <a href="index.html">View Today's Challenge</a>
    </header>
Enter fullscreen mode Exit fullscreen mode

id="description"

#description {
    margin-bottom: 36px;
}
Enter fullscreen mode Exit fullscreen mode

Image description

exactly the same result (without the ID):

header p {
  margin-bottom: 36px;
}
Enter fullscreen mode Exit fullscreen mode

change all paragraph(p) in main section

<main>
      <ol>
        <li>
          <h2>Tuesday, April 2nd</h2>
          <p>Repeat what I learned about HTML & CSS</p>
        </li>
        <li>
          <h2>Wednesday, April 3rd</h2>
          <p>Do the exercises on HTML & CSS</p>
        </li>
        <li>
          <h2>Thursday, April 4th</h2>
          <p>Dive deeper into HTML & CSS and build more complex websites</p>
        </li>
        <li>
          <h2>Friday, April 5th</h2>
          <p>Practice advanced HTML & CSS concepts</p>
        </li>
      </ol>
    </main>
Enter fullscreen mode Exit fullscreen mode
main p {
    margin: 12px;
    color: rgb(71, 29, 22);
}
Enter fullscreen mode Exit fullscreen mode

Image description

Image of Datadog

How to Diagram Your Cloud Architecture

Cloud architecture diagrams provide critical visibility into the resources in your environment and how they’re connected. In our latest eBook, AWS Solution Architects Jason Mimick and James Wenzel walk through best practices on how to build effective and professional diagrams.

Download the Free eBook

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more