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

2019-10-25 11:27:56 织梦安装使用
  • 文章介绍

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选择器

上一篇:CSS3 属性选择器

下一篇:深入理解HTML5实现图片压缩上传功能..

专业的织梦模板定制下载站,在线购买后即可下载!

商业源码

跟版网模板,累计帮助5000+客户企业成功建站,为草根创业提供助力!

立刻开启你的建站之旅

QQ在线客服

服务热线

织梦建站咨询