Сделать CSS встроенным из конкретной таблицы стилей, а не из каждой части кода

Question

Сделать CSS встроенным из конкретной таблицы стилей, а не из каждой части кода

0

Мне нужен способ получить определенные атрибуты CSS для всех элементов HTML на странице и сделать их встроенными. У меня есть пользовательские атрибуты CSS, например:

<style type="text/css">
    h2 { color: red; }
</style>

А потом:

<h2>This is my title</h2>

Итак, мне нужен сценарий, который сделает следующее изменение (и только следующее):

<h2 style="color: red;">This is my title</h2>

Есть предположения?

user906379 13 апр. 2014, в 20:14

Источник

1

Используйте класс h2.special {color: red;}
Manwal 13 апр. 2014, в 17:43
0

Если это единственное в своем роде , используйте Mailchimp CSS Inliner или вы можете интегрироваться с API ( здесь API-документы) для динамического кода.
Kyle Needham 13 апр. 2014, в 17:45

Теги:

javascript

jquery

html

css

3 ответа

0

Я не совсем уверен, что вы подразумеваете под "получить определенные атрибуты CSS для всех элементов HTML на странице и сделать их встроенными". Что ты пытаешься сделать?

Для индивидуального встроенного стиля используйте тег span:

My mummy has <span style="color:blue">blue</span> eyes.

Чтобы скомпоновать некоторые элементы, как это сделал пользователь с помощью jQuery, используйте тег класса для каждого элемента, который вы хотите создать:

CSS:.specialStyle {color: # 00d;}

HTML:

<div id="anyOldDiv" class="specialStyle">...</div> 
<a href="someAddress.html" class="specialStyle">click here</a>

Hektor 13 апр. 2014, в 16:23

0

Если вы хотите сделать это только для элементов h2 и для атрибута цвета CSS, то следующее должно работать

$('h2').each(function(){
   $(this).css('color', $(this).css('color'));
});

Если вам нужны другие элементы/атрибуты, тогда вам нужно будет их построить.

Adam 13 апр. 2014, в 16:02

Ещё вопросы

Если это единственное в своем роде , используйте Mailchimp CSS Inliner или вы можете интегрироваться с API ( здесь API-документы) для динамического кода.

Zachooz · Accepted Answer · 2014-04-13T16-40-00.000Z

Основы CSS:

Это заставит все теги h2 иметь цвет текста красного цвета

<style type="text/css">
    h2 { color: red; }
</style>

<h2>I'm red</h2>
<h2>I'm also red</h2>
<h1>I'm not red</h1>

Это сделает все теги с классом цыпленка красным.

<style type="text/css">
    .chicken { color: red; } /* chicken is the class name*/
</style>

<h2 class = "chicken">I'm red</h2>
<div class = "chicken">I'm also red</div>
<h2>I'm not red</h2>

Если вы хотите указать только один тег для определенного свойства, вы даете ему идентификатор

<style type="text/css">
    #chicken { color: red; }
</style>

<h2 id= "chicken">I'm red</h2>

Я действительно не понимаю, что вы ищете, но свойство делать что-то встроенное:

display:inline

http://www.w3schools.com/cssref/pr_class_display.asp

Если вы замените цвет: красный с отображением: inline, то их свойства будут меняться от красного к встроенному.