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

来源：动视网责编：小采时间：2020-11-27 16:41:33

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

css属性选择器-根据html元素的name属性值选择改元素:css属性选择器语法： [attribute=value] 如：[target=-blank] /*选择所有使用target=-blank的元素*/ 或 [attribute~=value] 如：[title~=flower] /*选择标题属性包含单词flower的所有元素*/ 或 [attribute|=language]

推荐度：

点击下载本文 文档为doc格式

导读css属性选择器-根据html元素的name属性值选择改元素:css属性选择器语法： [attribute=value] 如：[target=-blank] /*选择所有使用target=-blank的元素*/ 或 [attribute~=value] 如：[title~=flower] /*选择标题属性包含单词flower的所有元素*/ 或 [attribute|=language]

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属性选择器-根据html元素的name属性值选择改元素

推荐度：

点击下载本文 文档为doc格式

标签：标签元素 html

热门焦点

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

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

css属性选择器语法：

css属性选择器实例一：

css属性选择器实例二：

css属性选择器实例二：

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

最新推荐

猜你喜欢

热门推荐