Файл таблицы стилей в области видимости без iframe - PullRequest
Новая
       4

Файл таблицы стилей в области видимости без iframe

0 голосов
/ 31 января 2020

Я хочу применить css, используя тег ссылки только к дочерним элементам определенного элемента.

Я не хочу использовать iframe.

Я не знаю, что там будет css, оно динамически создается пользователями ... Так что я не могу сделать что-то вроде .myclass .theirclass {}, потому что я не могу редактировать их css.

Я хочу что-то, что работает как устаревший атрибут scoped. В следующем примере css будет влиять только на потомков родителя тега стиля с атрибутом scoped. 

<button>blah</button> <!-- outside scope -->
<div class="parent">
    <style>
        button {
            color: blue;
        }
    </style>
    <button>blah</button> <!-- inside scope -->
</div>

Итак, как я могу сделать что-то подобное, но со ссылкой тег (а не то, что не рекомендуется). 

<button>blah</button> <!-- don't want to affect this -->
<div class="parent">
    <link rel="stylesheet" href="styles.css"/>
    <button>blah</button> <!-- do want to affect this -->
</div>
...