Question

首先要说我不知道CSS。我正在谷歌搜索并试图自定义我的Squarespace网页，阅读评论，测试......现在我试图让我的博客更适合打印。我检查了整个页面，查找了id，类等，然后使用了

<style media="print" type="text/css">     /*Hide elements you don't want to print*/ 
#header, #footer, #preFooter, #rightSidebar, #sidecarNav, #contentinfo, #yui3-css-stamp, #_atssh, #service-icons-0, #rw_lso_flash, #at4-thankyou, .meta-above-title, .meta-below-title, .p-comment, .sqs-block-markdown, .rw-ui-squarespace-container, .entry-footer, .pagination
{display:none;}  </style>

删除我不想要打印的内容。但是，有一个元素我不知道如何添加到列表中。它基本上是我帖子标题的网址。我试过了$(".entry-title.p-name").attr("href")，但它没有用。这是我博客上一个任意帖子标题的代码：

  <h1 data-content-field="title" class="entry-title p-name">
 <a href="/updates/2016/4/7/fathers-sons-and-fishes" class="u-url" rel="bookmark">
Fathers, Sons and Fishes</a></h1>

我希望你能帮助我解决这个问题。真诚的，阿图尔

Answer 1

.entry-title.p-name > a { display: none; }

应该有效。

它将div中的任何锚点class="entry-title p-name"设置为不可见。 >项表示“孩子的”。因此，它转换为.entry-title.p-name 'children' a

除此之外，您可以向这些特定锚点添加一个类来隐藏该类。

您尝试过的内容（$(".entry-title.p-name").attr("href")）是 javascript 或 jquery 选择器。它不是CSS。你不需要javascript / jquery。如果可以用CSS完成。

如何访问类的href？

1 个答案: