css选择器的1.13 UI元素状态伪类选择器

Posted 2023-03-26

参考技术A :enabled，指定元素处于可用状态时的样式，一般用于input，select和textarea　　:disabled，指定元素处于不可用状态时的样式，一般用于input，select和textarea
:read-only，指定元素为只读状态时的样式，FF为-moz-read-only，一般用于input和textarea　　:read-write，指定元素为只可写状态时的样式，FF为-moz-read-write，一般用于input和textarea　　:checked，指定元素被选中状态时的样式，FF为-moz-checked一般用于checkbox和radio　　:default，指定元素默认选中的样式，一般用于checkbox和radio　　:indeterminate，指定默认一组单选或复选都没被选中的样式，只要有一个被选中则样式被取消，一般用于checkbox和radio　　::selection，指定元素处理选中状态时的样式，可用于所有元素，上面的几个基本上只用于表单元素；!lte8　　FF为::-moz-selection，不能用群组选择器来写；　　::selection
background-color:
#ffc;
color:
#fff　　::-moz-selection
background-color:
#ffc;
color:
#fff 参考技术B 派生选择器
可以使一个元素里的子元素定义样式
例如：
li a
font-size:14px
就是给li下的子元素a定义一个14px号像素的字体样式

类别选择器
在html中引入css样式通常由，类别选择器
在css中用一个“.”点开头表示
如：.box
width:960px;
margin:0
auto;
padding:0px;
overflow:hidden
在html页面中，用class="类别名"的方法调用：
<div
class="box">这里是内容</div>
类别选择器方法比较简单灵活，可以随时根据页面的需求新建和删除

还有，id选择器
在css中用“#”号开头表示
如：#box
width:960px;
margin:0
auto;
padding:0px;
overflow:hidden

在html页面中，用id="类别名"的方法调用：
<div
id="box">这里是内容</div>
id选择器和类别选择器其实是一样的
通常id选择器仅是用来表示不重复的样式
相对的来说，类别选择器灵活一些，而id选择器仅表示重要的样式字段