Как сделать цвет текста элемента span белым, как только на него попадет div?
<div ref="progress" :style="`width: ${counter}%`"
:class="{first-letter: counter>50}"
class="tw-absolute tw-bg-info-600"
></div>
.first-letter span{
color: blue;
font-size: 36px;
}
.first-letter span:first-letter{
color: red;
}
$(document).mouseup(function (e){ // событие клика по веб-документу
var divmenu = $("#sidepanel"); // sidebar
if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
enableScroll();
$('#sidepanel_btn').css("pointer-events", 'auto');
}
});
input:focus::placeholder{
color: rgba(0,0,0,0.5);
}
input:focus{
outline: none;
border: none;
border-bottom: 1px solid orange;
}
//A:
<div class="row justify-content-around">
<div class="left" style="justify-self: start;">p+h1</div>
<button />
</div>
//B
<div class="row justify-content-between">
<div class="left">p+h1</div>
<button />
</div>
//C
<div class="row justify-content-between">
<p />
<div class="right">h1+button</div>
</div>
</div>