如何使用 CSS 修改行内样式

行内样式是直接在 HTML 标签内部使用 style 属性来指定样式的一种方式。如果要用 CSS 来改变行内样式，可以通过 JavaScript 或者 jQuery 来动态地修改 HTML 标签的 style 属性。

使用 JavaScript 的方式可以通过获取 HTML 标签对象，然后修改其 style 属性的值来改变行内样式。例如：

// 获取 HTML 标签对象
var element = document.getElementById('example');

// 修改行内样式
element.style.color = 'red';
element.style.fontSize = '20px';

使用 jQuery 的方式可以使用 css() 方法来修改行内样式。例如：

// 修改行内样式
$('#example').css('color', 'red');
$('#example').css('font-size', '20px');

需要注意的是，行内样式是直接在 HTML 标签内部指定的样式，优先级比较高。如果要使用 CSS 来改变行内样式，需要确保 CSS 样式的优先级更高，可以使用 !important 来提高优先级，或者使用外部样式表或者内部样式表来覆盖行内样式。