Поиск класса и задание на after css свойста
Здравствуйте! Подскажите пожалуйста. Использую greasmonkey. Можно ли написать скрипт, чтобы искал на странице класс "bordered" и задавал для "bordered:after" css свойста?
|
flyte,
создайте тег style запишите в него нужные css правила и добавьте на страницу |
document.head.insertAdjacentHTML('beforeend', '<style>[class="bordered:after"]{background:#1F9C63}</style>');
так? |
flyte,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<style type="text/css">
.bordered{
border: 1px dashed Gray; padding: 5px; height: 100px; width: 100px
}
.bordered:after{
content: "12345"
}
</style>
<div class="bordered"></div>
<script>
document.head.insertAdjacentHTML('beforeend', '<style>.bordered:after{background:#1F9C63}</style>');
</script>
</body>
</html>
|
а можно чтобы скрипт находил класс "bordered" и добавлял к bordered допустим класс green, чтобы получилось "bordered green", а я уже отдельно для него пропишу css
|
flyte,
:-?
[].forEach.call( document.querySelectorAll('.bordered'), function(el) {
el.classList.add('green');
});
|
уже сам догадался) спасибо Вам большое, очень помогли!
|
| Часовой пояс GMT +3, время: 10:17. |