继续学习CSS

今天我仍然在继续学习CSS并且继续记录有关知识。

首先是属性选择器。它可以统一选定带有某个特定属性的标签并且定义其属性。把属性名称放入中括号中，如

[title] { color:gray;  border:1px solid #000; } solid为实线，还有dotted为方点，还有dashed为虚线边框。

还有当属性为特定值时使用css格式的情况：

[title="123"]所有title属性等于123的情况

[title^="123"]所有title以123开头的情况

[title$="123"]所有title以123结尾的情况

a[title="123"]a标签中所有title为123的元素

后代选择器则是作用于嵌套等情况，对于层叠的元素，每一个元素都有相应的属性重叠，那么效果也会层叠。在

.a *{ }，则表示class下所有的元素。

.a .b{ }，则表示class为a下所有的b元素。如果多层重叠，可以直接在a后指定相应的元素，不必层层下发。注意ab中间要给空格。

相邻选择器只能从上到下选择，有两种形式：

.a +div { }，选中后面的一个相邻元素；

.a ~div { }，选中后面的所有元素；

伪类选择器对于样式的改变有很大的作用。

常见的伪类选择器：1.想要修改超链接点击前和点击后呈现的不同颜色：

a:link { color:bule; }

a:visited { color:gray; }

2.希望在鼠标悬停时标签给出反馈：

button:hover,

a:hover{

background:#eee;

}

3.希望在点击时标签给出反应：

button:active,

a:active{

color:#fff; //字体颜色

background:#111; //背景颜色

}

4.还有一个比较常用的伪类选择器就是对于输入框input的设置：

input:focus{

border:none;

background:#333;

}

当输入框被选中表示可以输入时显示该格式。