This is one of a set of pages that examine whether a user agent is capable of styling elements in XHTML 1.1 (served as XML) using CSS selectors that examine the language declared in element attributes.
Tests on this page seek to determine whether the :lang selector works as expected according to the CSS specification. Most tests check expected behavior against the HTML 4.01 spec, but some tests are exploratory.
Objective: Is the CSS styling picked up in the simplest case?
The style element says: div:lang(es) { background-color:green; color:white; } Markup is <div xml:lang="es">Green</div>.
Check that the text describes the color you see.
Objective: Does an attribute value with another subtag cause the styling to fail?
The style element says: div:lang(es) { background-color:green; color:white; } Markup is <div xml:lang="es-MX">Green</div>.
Check that the text describes the color you see.
Objective: Does an attribute value in a different case cause the styling to fail?
The style element says: div:lang(es) { background-color:green; color:white; } Markup is <div xml:lang="ES">Green</div>.
Check that the text describes the color you see.
Objective: Is the CSS styling picked up when the language is not the first subtag in the markup value?
The style element says: div:lang(es) { background-color:green; color:white; } Markup is <div xml:lang="MX-es">White</div>.
Check that the text describes the color you see.
Objective: Is the CSS styling picked up when a region is specified in the CSS?
The style element says: div:lang(en-GB) { color: green; } Markup is <div xml:lang="en-GB">Green</div>.
Check that the text describes the color you see.
Objective: Does an attribute value with an additional subtag cause the styling to fail?
The style element says: div:lang(en-GB) { color: green; } Markup is <div xml:lang="en-GB-scouse">Green</div>.
Check that the text describes the color you see.
Objective: Does a non-matched following subtag in the attribute value cause the styling to fail?
The style element says: div:lang(en-GB) { color: green; } Markup is <div xml:lang="en-US">White</div>.
Check that the text describes the color you see.
Objective: Does an attribute value without a second subtag cause the styling to fail?
The style element says: div:lang(en-GB) { color: green; } Markup is <div xml:lang="en">White</div>.
Check that the text describes the color you see.
Objective: Is the CSS styling picked up when a script and region are specified in both places?
The style element says: div:lang(az-Arab-IR) { color: green; } Markup is <div xml:lang="az-Arab-IR">Green</div>.
Check that the text describes the color you see.
Objective: Is the CSS styling picked up when the script is omitted in the attribute value?
The style element says: div:lang(az-Arab-IR) { color: green; } Markup is <div xml:lang="az-IR">White</div>. The HTML specification doesn't specify this behavior.
If the styling is picked up, you should see green text.
Objective: Is the CSS styling picked up when the script is omitted in the CSS selector? The HTML specification doesn't specify this behavior.
The style element says: div:lang(cs-CZ) { color: green; } Markup is <div xml:lang="cs-Latn-CZ">White</div>.
If the styling is picked up, you should see green text.
Objective: Does a change in case in the script subtag of the attribute value cause the styling to fail?
The style element says: div:lang(az-Arab-IR) { color: green; } Markup is <div xml:lang="az-arab-IR">Green</div>.
Check that the text describes the color you see.
Objective: Is the styling inherited by an inline element when the language is declared on its parent block?
The style element says: p:lang (fr) { background-color:green; color:white; } Markup is <p xml:lang="fr">Green <em>green</em></p>.
Check that the text describes the color you see.
Green green
Objective: Is the styling inherited by a block element styled by the CSS when the language is declared on its ancestor, rather than on the element itself?
The style element says: p:lang (fr) { background-color:green; color:white; } Markup is <div xml:lang="fr">White<p>Green</p></div>.
Check that the text describes the color you see.
Green
Objective: Is the styling inherited by an inline element styled by the CSS when the language is declared on its ancestor, rather than on the element itself?
The style element says: em:lang(de) { background-color:green; color:white; } Markup is <p xml:lang="de">White<em>green</em></p>.
Check that the text describes the color you see.
White green
Version: $Id: test-css-lang-4.html,v 1.2 2008/07/23 12:19:52 rishida Exp $
