2021-05-10 10:27发布
id (#box)：唯一的
class(.box)：选择所有class属性的属性值为 box的元素
标签 (div,p)：选择所有的div和p元素
所有指定的后代(div p)：选择div元素内的所有的p元素
相邻(div+p): 选择所有紧接在div元素后的p元素
兄弟(div~p): 选择所有跟div同级的p元素
通配符 * ：选择所有的元素
属性选择(a[target=_blank])：选择所有a标签的target属性为_blank的a标签
伪元素选择器(::before、::after)：创建DOM树结构中不存在的元素，并为其增加样式
伪类选择器(a:hover、a:active)：用于处理某个已有的元素的某个状态
!important(权重：无限大) > 行内样式(权重：1000) > ID选择器(权重：100) > 类选择器=属性选择器(权重：10) > 元素选择器=伪元素(权重：1) > 通配符选择器(权重：0) > 继承(没有权值) > 浏览器默认属性
最多设置5个标签!
{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','/static/images/logo.png', '推荐 美少女 的问题《css的选择器都有哪些常用的 优先级是怎么样的》','http://www.shouhuola.com/answer/36181/127160.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
id (#box)：唯一的
class(.box)：选择所有class属性的属性值为 box的元素
标签 (div,p)：选择所有的div和p元素
所有指定的后代(div p)：选择div元素内的所有的p元素
相邻(div+p): 选择所有紧接在div元素后的p元素
兄弟(div~p): 选择所有跟div同级的p元素
通配符 * ：选择所有的元素
属性选择(a[target=_blank])：选择所有a标签的target属性为_blank的a标签
伪元素选择器(::before、::after)：创建DOM树结构中不存在的元素，并为其增加样式
伪类选择器(a:hover、a:active)：用于处理某个已有的元素的某个状态
!important(权重：无限大) > 行内样式(权重：1000) > ID选择器(权重：100) > 类选择器=属性选择器(权重：10) > 元素选择器=伪元素(权重：1) > 通配符选择器(权重：0) > 继承(没有权值) > 浏览器默认属性
一周热门 更多>