html中的role能被css选择么

html-css012

html中的role能被css选择么,第1张

Html属性不能放在css中。

因为Css是属于样式文件的，是用来对htm文件的渲染的，文件的属性是不能放在css文件里面的， Css文件是不支持这些属性，但是反过来就可以css里面的属性或者是样式可以放在html文件里面，这样可以作为内联样式对标签进行修饰。

使用CSS Modal HTML结构

<ul><li><a href="#modal-show" title="CSS Modal">CSS Modal</a></li></ul><section class="modal--show" id="modal-show" tabindex="-1" role="dialog" aria-labelledby="label-show" aria-hidden="true">

   <div class="modal-inner">

    <header>

      <h2 id="label-show">CSS Modal—纯CSS实现模态窗口</h2>

    </header>

    <div class="modal-content">

         <p>今天介绍一个用CSS实现模态窗口的插件——CSS Modal ，利用它可以很方便的实现模态窗口。它可以用来展示任意的HTML内容，并且支持响应式设计，具有良好的兼容性，通过它的js扩展，还能实现更强大的功能。</p>

    </div>

    <footer>

    <p>by ZJIAN</p>

    </footer>

    </div>

    <a href="#!" class="modal-close" title="Close this modal" data-dismiss="modal" data-close="Close">&times</a></section>

这是它最基本的使用方法，点击ul标签中的CSS Modal就会弹出section标签中的内容，如果你想使用更高级的功能，比如相册的展示、视频等等功能，CSS Modal也提供了解决方案，需要引入plugins中对应的js文件。

亲，按钮的话，你就用<button class="button">按钮1</buton>这才是正规的按钮元素，<span>是行内元素，虽然能实现，应该有很多弊端，你用<button>的时候注意一下border属性，我记得我用的时候有时候显不出来点击效果，这时候你就把边框宽度去掉试试，