<div class="f1">
  <div class="h">
    <b>Блок 1</b>
    Я тут 
  </div>
</div>

<div class="f1">
  <div class="h">
    <b>Блок 2</b>
    Я тут 
  </div>
  
  <div class="ы">
    <b>Блок 3</b>
    Я тут 
  </div>
</div>

.f1 {
  border: 1px solid red;
}


	.f1:not(div.s) > div {
		font-size: 10px;	
	}
	
	.f1:not(div.s) > div > b {
		font-size: 14px;
	}
	
	
	.f1:has(div.s) > div {
		font-size: 2px;	
	}
	
	.f1:has(div.s) > div > b {
		font-size: 3px;
	}

Почему-то не срабатывают два последние селектора

https://jsfiddle.net/vvz400mc/

если div не содержит div с классом s, то применять один шрифт, если же имеется div с классом s, то применять другой шрифт

лучше делать явно https://jsfiddle.net/hy4nbfcp/

так не получится...

В моем случае данный способ не подходит.

пример:

<div class="f1">
  <div class="h">Т.к. за этим блоком НЕТ дива с классом S, то этот элемент должен быть маленького шрифта</div>
</div>


<div class="f1">

  <div class="h">Т.к. за этим блоком ЕСТЬ дива с классом S, то этот элемент должен быть БОЛЬШОГО шрифта</div>
  <div class="s"></div>
</div>

Invis1ble
и как лучше реализовать данную задачу?

добавить дополнительный класс нужным элементам

_____________

Профессиональная разработка на заказ

Я на GitHub | второй профиль