首页 > 开发 > CSS > 正文

浅谈css之属性及剩余的选择符

2024-07-11 08:25:44
字体:
来源:转载
供稿:网友

今天的课程加速了,比平时快了些,但觉得很不错。nice~

属性选择符

E[att]       选择具有att属性的E元素。

XML/HTML Code复制内容到剪贴板
  1. input[type]{color: #red;}<input type="radio">  

E[att="val"]      选择具有att属性且属性值等于val的E元素。

XML/HTML Code复制内容到剪贴板
  1. input[type="radio"]{color: #red;}    <input type="radio">  

E[att~="val"]     选择具有att属性且属性值为一用空格分隔的字词列表,其中一个等于val的E元素。

XML/HTML Code复制内容到剪贴板
  1. a[class~="ht"]{font-size: 16px;}    <a href="www.Vevb.com" class="ht sss"></a>  

E[att^="val"]    选择具有att属性且属性值为以val开头的字符串的E元素。

XML/HTML Code复制内容到剪贴板
  1. a[href^="www"]{font-size: 16px;}<a href="www.Vevb.com"></a>  

E[att$="val"]     选择具有att属性且属性值为以val结尾的字符串的E元素。

XML/HTML Code复制内容到剪贴板
  1. input[type$="o"]{color: red;}      
  2. <input type="radio">  

E[att*="val"]      选择具有att属性且属性值为包含val的字符串的E元素。

XML/HTML Code复制内容到剪贴板
  1. input[type*="ad"]{color: red;}      
  2. <input type="radio">  

E[att|="val"]      选择具有att属性且属性值为以val开头并用连接符"-"分隔的字符串的E元素。

XML/HTML Code复制内容到剪贴板
  1. input[class|="te"]{color: red;}      
  2. <input type="radio" class="te-ss">  

E:first-letter/E::first-letter       设置对象内的第一个字符的样式。

就是匹配的到的元素的第一个字。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表