css属性选择器-根据html元素的name属性值选择改元素_动视

css属性选择器-根据html元素的name属性值选择改元素

2020-11-27 16:41:33 责编:小采

css属性选择器语法：

[attribute=value] 如：[target=-blank] /*选择所有使用target="-blank"的元素*/
或 
[attribute~=value] 如：[title~=flower] /*选择标题属性包含单词"flower"的所有元素*/
或
[attribute|=language] 如：[lang|=en] /*选择一个lang属性的起始值="EN"的所有元素*/

css属性选择器实例一：

选择所有使用target="_blank"的a元素








The link with target="_blank" gets a yellow background:

manongjc.com
disney.com
wikipedia.org

Note: For [attribute] to work in IE8 and earlier, a DOCTYPE must be declared.

在线运行

css属性选择器实例二：

选择标题属性包含单词"flower"的所有元素








The image with the title attribute containing the word "flower" gets a yellow border.





Note: For [attribute~=value] to work in IE8 and earlier, a DOCTYPE must be declared.

在线运行

css属性选择器实例二：

选择一个lang属性的起始值="en"的所有元素








Hello!
Hi!
Ello!
Hi!
Hei!

Note: For [attribute|=value] to work in IE8 and earlier, a DOCTYPE must be declared.

在线运行

全部频道

css属性选择器语法：

css属性选择器实例一：

css属性选择器实例二：

css属性选择器实例二：