Применить определенный CSS "внутри div"

Question

ul.b {
  list-style-type: square;
  margin-left: 60px
}

div.form {
  text-align: justify;
  text-justify: inter-word;
}

<div class="form">
  <ul class="b">
    <li>
      DUMMY TEXT
    </li>
   <li>
        DUMMY TEXT
    </li>
  </ul>
</div>

Приведенный выше код работает нормально, но есть ли какой-либо метод, который может «предварительно установить» CSS в div, что означает, что вы это делаете не нужно объявлять "class=b" в <ul>, чтобы получить стиль?

Answer 1

Вы можете использовать .form ul (все теги ul внутри div имеют класс .form) или .form > ul (только прямой дочерний ul внутри div имеет класс .form) как

.form > ul{
 list-style-type: square;
  margin-left: 60px
}

<style>

.form > ul{
 list-style-type: square;
  margin-left: 60px
}

div.form {
  text-align: justify;
  text-justify: inter-word;
}

</style>
</style>
<div class="form">
<ul>
  <li>
    DUMMY TEXT
  </li>
 <li>
      DUMMY TEXT
  </li>
<ul>
</div>

Answer 2

Да. следующим образом:

<style>

.form {
  text-align: justify;
  text-justify: inter-word;
}
.form ul {
  list-style-type: square;
  margin-left: 60px
}
</style>

<div class="form">
<ul>
  <li>
    DUMMY TEXT
  </li>
 <li>
      DUMMY TEXT
  </li>
</ul> <!-- here you didn't close the ul -->
</div>