css不常用的属性选择器 当然会有他的用武之地

属性选择器可以 使用的情况是上面 这几种[attr] 只有这个属性的标签被选取
[attr=value] 属性等于固定值的属性 完全等于
[attr~=value] 属性约等于值 即空格分隔开的部分能选取到 空格分隔开的~
[attr|=value] 是指属性值中用-连接的部分标签能选取到 包含用-连接的
[attr^=value] 是指属性以什么部分开头的标签能选取到 以什么开头的属性值
[attr$=value] 是指属性以什么部分结尾的标签能选取到 以什么结尾的属性值
[attr*=value] 是指属性值中包含这个value的标签能选取到 以什么包含值的标签

属性选择器灵活使用 会带来会很大方便 就是通过上面的选择选取到你可以不用设置类或者id就选取到你想要选择的一个或多个的标签

时间： 2024-10-11 07:27:57

css不常用的属性选择器 当然会有他的用武之地的相关文章

css笔记04：属性选择器

1.属性选择器: 带有 title 属性的所有元素设置样式: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html> 3 <head> 4 <style type="text/css"> 5

CSS一些常用的属性，学到你就赚到了！

****CSS一些常用属性*** 0.去掉下划线 :text-decoration:none ; 1.加上下划线: text-decoration: underline; 2.调整文本和图片的位置(也就是设置元素的垂直对齐方式):vertical-align:-20px; 3.外边距:margin 4.内边距:padding 5.居中:margin 0 auto;(只是针对盒子居中) 6内联标签是不可以设置长宽的,有时候就得把内联标签变成块级标签或者块级内联标签,这就用到了display标签..

css一些常用的属性

背景关联 background-attachment 属性body { background-image:url(/i/eg_bg_02.gif); background-repeat:no-repeat; } CSS 背景属性 属性 描述 background 简写属性,作用是将背景属性设置在一个声明中. background-attachment 背景图像是否固定或者随着页面的其余部分滚动. background-color 设置元素的背景颜色. background-image 把图像设置

CSS中常用的属性

字体属性 Font-family 字体族科 Font-size  字体大小 Font-style  字体样式 Font-weight 字体加粗  normal |bold(加粗)|lighter(变细) Font-variant 字体变形   normal|small-caps Font:[字体风格] [字体变形] [字体加粗] <字体大小>[/行高] <字体族科> 颜色属性 Color 背景属性 Background-repeat: 背景重复 Repeat-x(x轴方向重复) |

css不常用重要属性

超出省略号:display:block;white-space:norwrap;overflow:hidden;text-overflow:ellipsis; white-space:norwrap//强制不换行 overflow:hidden//超出不显示 text-overflow:ellipsis//文本溢出时显示的样式,此处表示以...代替超出文本

CSS 属性选择器详解

CSS 2 引入了属性选择器. 属性选择器可以根据元素的属性及属性值来选择元素. 简单属性选择 如果希望选择有某个属性的元素,而不论属性值是什么,可以使用简单属性选择器. 例子 1 如果您希望把包含标题(title)的所有元素变为红色,可以写作: *[title] {color:red;}

新增属性选择器

介绍 属性选择器早在CSS2中就被引入了,其主要作用就是为带有指定属性的HTML 元素设置样式.使用CSS3属性选择器,你可以只指定元素的某个属性,或者你还可以同时指定元素的某个属性和其对应的属性值. 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器. CSS3的属性选择器主要包括以下几种: 1. E[attr^="value&qu

[转] 属性选择器.mark

CSS 2 引入了属性选择器. 属性选择器可以根据元素的属性及属性值来选择元素. 简单属性选择 如果希望选择有某个属性的元素,而不论属性值是什么,可以使用简单属性选择器. 例子 1 如果您希望把包含标题(title)的所有元素变为红色,可以写作: *[title] {color:red;} 亲自试一试 例子 2 与上面类似,可以只对有 href 属性的锚(a 元素)应用样式: a[href] {color:red;} 亲自试一试 例子 3 还可以根据多个属性进行选择,只需将属性选择器链接在一起即

【CSS3】---属性选择器

在HTML中,通过各种各样的属性可以给元素增加很多附加的信息.例如,通过id属性可以将不同div元素进行区分. 在CSS2中引入了一些属性选择器,而CSS3在CSS2的基础上对属性选择器进行了扩展,新增了3个属性选择器,使得属性选择器有了通配符的概念,这三个属性选择器与CSS2的属性选择器共同构成了CSS功能强大的属性选择器.如下表所示:  实例展示: html代码: <a href="xxx.pdf">我链接的是PDF文件</a> <a href=&qu