Question: 1 / 50

When using both internal and inline styles, which style takes precedence?

Internal style will always take precedence

Inline style will take precedence

When both internal and inline styles are present, inline styles take precedence over internal styles. This is due to the CSS specificity and the cascading nature of styles. Inline styles are applied directly to an element using the `style` attribute within the HTML tag, giving them a higher specificity than styles defined in the `<style>` section of the document's head. Inline styles effectively become the last word on styling for that specific element, overriding any conflicting rules specified in the internal stylesheet. This capability allows developers to apply unique styling to specific elements without altering other styles defined globally in the internal stylesheet. While specificity does indeed play a role in determining which styles apply under certain circumstances, in straightforward cases where inline and internal styles target the same element and property, the inline style will always prevail due to its presence directly on the element itself. Other options may suggest that internal styles take precedence or that both styles might be ignored, which does not reflect the established rules of CSS.

Both styles are ignored

It depends on the specificity of the styles used

Next

Report this question